使用 jQuery 确定元素是否具有 CSS 类

2022-08-30 01:57:51

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

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


答案 1

使用方法:hasClass

jQueryCollection.hasClass(className);

$(selector).hasClass(className);

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

注意:如果传递包含空格的参数,则该参数将与集合元素的字符串进行字面匹配。因此,例如,如果你有一个元素,classNameclassName

<span class="foo bar" />

然后这将返回:true

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

这些将返回:false

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

答案 2

常见问题

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

艺术

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