1

動的に生成されている一致するclassNameを持つ要素があるかどうかを確認し、この場合はいくつかのコードを適用したい:

いう：

<div class="c red"></div>
<div class="c green"></div>
<div class="c red"></div>
<div class="c yellow"></div>
<div class="c red"></div>

クラス「red」を持つタグがあるかどうかを確認し、それらに何かを適用したいのですが、ページが読み込まれるたびに変化して異なる色になる可能性があるため、 $(".red") 要素を直接呼び出すことはできないことに注意してください次回は、ドキュメント内のクラス名に一致があるかどうかを確認する汎用ソリューションが必要です

4

1 に答える 1

2

jQuery の使用:

$('div.c').each(function(_, div) {
    if( $(div).hasClass( 'red' ) ) {
        // this div node has a class called 'red'
    }
});

.hasClass()またはを使用して、それ.is()を判断できます。.is()を使用するときは、 のように先頭にドットを付けて文字列を修飾する必要があることに注意してください'.red'。

バニラ Javascript を使用する:

[].forEach.call( document.querySelectorAll( 'div.c' ), function( div ) {
    if( div.classList.contains( 'red' ) ) {
        // this div node has a class called 'red'
    }
});
于 2012-07-30T23:44:58.880 に答える