javascript - 在这种特殊情况下，indexOf 匹配变量

Question

我想检查mydiv是否有类，如果没有，则添加var中的任何内容 newClass。我试图这样做，但它不起作用:

var newClass="classToBeAdded";

if(document.getElementById("mydiv").className.indexOf(/(?:^| )(newClass)(?:$| )/)==-1){
    document.getElementById("mydiv").className+=" "+newClass;
}

Answer 1

使用这个:

var newClass = "classToBeAdded";
var d = document.getElementById("mydiv");
var r = new RegExp(" " + newClass + " ");
if (r.test(" " + d.className + " "))
    // do something here

或者，类似地:

var d = document.getElementById("mydiv");
if ((" " + d.className + " ").indexOf(" " + newClass + " ") != -1)
    // do something here

在 className 字符串之前和之后添加空格，以便无论目标类出现在字符串中的哪个位置，我们都会匹配目标类。

一些测试

假设以下函数:

function hasClass(str, name) {
    return (" " + str + " ").indexOf(" " + name + " ") != -1;
}

测试:

hasClass("target", "target") // true
hasClass("test target test1", "target") // true
hasClass("test1 target", "target") // true
hasClass("target test1", "target") // true
hasClass("test1", "target") // false