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オブジェクトが作成されます。このオブジェクトには多くの便利なプロパティがあります。そのうちの1つは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;