javascript - 检查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);
}

文档在这里：

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，您可以直接选择具有某个类的所有元素。其语法与 CSS 选择器的语法相同：

$(".className")

这将创建一个jQuery 对象，它是匹配元素的集合。这个对象有很多有用的属性，其中之一就是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;