要素に特定のテキストが含まれている場合

Question

$('.test').css('background','red'); 

<div id="example">Some text</div> 

#exampleに「text」という単語が含まれている場合はどうすればできますか？

Answer 1

ちょうどそれが「テキスト」を含んでいる場合、これは#exampleにクラスを追加します:contains疑似クラス

$('#example:contains("text")').addClass('test'); 

を使用

Answer 2

あなたが取得するtext()を使用し、その後、要素のためのjQueryのラッパーを取得するために$("#example")を使用することができますそのテキスト、およびString#indexOfを使用して、例えば：

var ex = $("#example"); 
if (ex.text().indexOf("text") !== -1) { 
    ex.addClass("test"); 
} 

あなたはまた、を使用することができますをセレクタにF. Calderan showsとしていますが、そのような非標準の擬似セレクタを使用すると、jQueryは要素を見つけるために基礎となるブラウザの組み込みのものを使用できないため、処理速度が遅くなる可能性があります。上記の結果、jQueryはdocument.getElementByIdを使用できます。しかし、スピードが本当に重要なのはわずかな状況だけです。

Answer 3

次のコード

$('#example:contains("text")').addClass('test'); 

を試してみてください、あなたは何を例と:containsセレクタ