确定元素是否具有带有jQuery的CSS类

Question

我正在使用jQuery并查看是否有一种简单的方法来确定该元素是否具有与之关联的特定CSS类.

我有元素的id,以及我正在寻找的CSS类.我只需要能够在if语句中根据元素上该类的存在进行比较.

Answer 1

使用hasClass方法:

jQueryCollection.hasClass(className);

要么

$(selector).hasClass(className);

该参数(显然)是一个表示您正在检查的类的字符串,它返回一个布尔值(因此它不像大多数jQuery方法那样支持链接).

注意:如果传递className包含空格的参数,则它将与字母集合的元素className字符串进行字面匹配.所以,例如,如果你有一个元素,

<span class="foo bar" />

然后这将返回true:

$('span').hasClass('foo bar')

这些将返回false:

$('span').hasClass('bar foo')
$('span').hasClass('foo  bar')

Answer 2

来自FAQ

elem = $("#elemid");
if (elem.is (".class")) {
   // whatever
}

要么:

elem = $("#elemid");
if (elem.hasClass ("class")) {
   // whatever
}

Answer 3

至于否定,如果你想知道一个元素是否没有一个类,你就可以像马克所说的那样做.

if (!currentPage.parent().hasClass('home')) { do what you want }