检查css类是否存在以及是否存在多少次

Question

我想知道样式class是否存在，如果是，则有多少元素。

要知道样式class是否存在，我使用：

if ($("*").hasClass('ui-state-active')) {
    alert("class exist : "+nb_checked);
}

但要知道有多少元素，我无法弄明白。

Answer 1

这是一种更简单的方法：

$('.ui-state-active').length

Answer 2

只是做：

$('.ui-state-active').length

Answer 3

if($('.ui-state-active').length){
     alert("class exist : "+$('.ui-state-active').length);
}

Doc在这里：

http://api.jquery.com/length/

Answer 4

您可以将其用于

c = $('.ui-state-active').length;
if (c>0) {
    console.log('There is '+c+' elements having required class');
}

Answer 5

使用jQuery，您可以直接select all elements拥有某个类。其语法与CSS选择器的语法相同：

$(".className")

这将创建一个jQuery object，它是匹配元素的集合。此对象有许多有用的属性，其中一个是length，即集合中元素的数量。

在您的情况下，找到所需元素的数量与

一样简单

$(".ui-state-active").length

Answer 6

你可以一气呵成：

var elements = $('.ui-state-active');
if(elements.length === 0) {
    alert('No elements with class ui-state-active!')
} else {
    alert(elements.length +  ' elements with class ui-state-active');
}

Answer 7

怎么样：

$(".ui-state-active").length;