Jquery检查元素中的多个类（必须全部存在）

Question

您好，我正在尝试检查一个元素是否具有我要查找的类：

<span class="foo bar me"></span>

我想检查该元素上是否存在 foo 和 me 类，所以我使用了这个：

$('body span').hasClass('me', 'foo')

这个 foo 和我存储在一个数组中，但是这个没有工作：

var arrayName = ['me', 'foo'];
$('body span').hasClass(arrayName)

我发现的类是动态的，这就是它存储在数组中的原因，如何将像 'me', 'foo' 这样的动态数组传递给 hasClass 函数？

注意：数组中可以有2-4个值。

我的工作在这里：https://jsfiddle.net/pcbttntk/

提前致谢。

更新： $('body span').hasClass('me', 'foo') 不起作用，感谢 brett 和 Roko，它只检查传递给它的第一个类。

Answer 1

拥有：

<span class="foo bar me"></span>

同时拥有 me 和 foo 类：

$('span').is(".foo.me");

使用类数组，您可以使用.join() 来获取所需的字符串选择器".foo.me"，例如：

var classes = ['me', 'foo'];
$('span').is("."+ classes.join("."));   

或更简单：

var classes = ['.me', '.foo']; // (Notice the `.`)
$('span').is(classes.join(""));

---

回顾一下，.hasClass('me', 'foo') 基本上是错误的，因为.hasClass() 只接受一个参数

Answer 2

jQuery 的.hasClass() 只接受一个类，作为一个字符串（根据docs）。

要测试多个动态类，您可以使用.is()：

var class1 = 'me';
var class2 = 'foo';

arrayNames = [class1, class2];

console.log($('body span').is(arrayNames.map(function(className) {return '.'+ className;}).join(',')));

这是JSFiddle。