jQuery - 如何检查元素是否包含任何这些类

Question

示例：

如何检查div #test是否包含.a1 .a2 .a3 .a4 .a5个类？只有一个if-statment ......

<div id="test" class="a1 a2 a5"></div>

Answer 1

您可以使用jQuery is function，检查您想要匹配的所有类。

$("#test").is(".a1,.a2,.a3,.a4,.a5")

Answer 2

您可以使用hasClass函数。

var test = $('#test');
if(test.hasClass('a1') || test.hasClass('a2') || test.hasClass('a3') ...) {
...
}

Answer 3

if ($("#test").hasClass("a1") || $("#test").hasClass("a2") || $("#test").hasClass("a3") || $("#test").hasClass("a4") || $("#test").hasClass("a5")) {

   // Do something

}

Answer 4

我刚刚找到了这个帖子，我想澄清.is()比hasClass()

慢得多

我发现其他thread讨论了这个问题。

因此，如果您关心性能或检查大量元素，则最好使用hasClass()

你也可以查看jsperf here。