Question

在我的HTML中，我有一个div，如此：

<div class="a b c"></div>

在我的JavaScript中，我有一系列我感兴趣的类：

var goodClasses = ['a', 'c'];

在优秀的浏览器中，我可以使用精彩的classList功能来测试我的div是否具有相应的类：

return div.classList.contains(goodClasses[0], goodClasses[1]);

这没关系，但我真正喜欢的是这样的（语法很愚蠢，但这是一般的想法）：

return div.classList.contains.apply(div, goodClasses);

有没有办法做到这一点？如果我必须循环遍历我的数组，classList变得不那么酷了。

Answer 1

正如@Felix Kling正确指出的那样，classList.contains只接受一个参数。

如果您支持的浏览器支持every()上的Array方法，则可以执行以下操作：

return goodClasses.every( function( c ) {
    return div.classList.contains( c );
});

不支持它的浏览器可以使用the MDC compatibility fix：

if (!Array.prototype.every)
{
  Array.prototype.every = function(fun /*, thisp */)
  {
    "use strict";

    if (this === void 0 || this === null)
      throw new TypeError();

    var t = Object(this);
    var len = t.length >>> 0;
    if (typeof fun !== "function")
      throw new TypeError();

    var thisp = arguments[1];
    for (var i = 0; i < len; i++)
    {
      if (i in t && !fun.call(thisp, t[i], i, t))
        return false;
    }

    return true;
  };
}

如何将类数组应用于classList.contains？

1 个答案: