jquery - コンテンツ テキストによる要素の選択

Question

特定の「コンテンツテキスト」を持つ要素を選択する簡単な方法はありますか (セレクターのみを使用します)。

たとえば、次のような状況が考えられます

<div>
 <div class="a">text 1</div>
 <div class="a">text 2</div>
 <div class="a">text 3</div>
</div>

次のようなことができます

$('div div.a').each(function() {
    if( ($this).text() == "text 1") {
       // do something
    }
});

しかし、次のようなことができる方法はありますか:

 $('div div.a[text="text 1"])

また

 $('div div.a').someEMBEDEDfunction('text 1')

?

Answer 1

使用するcontains

$('div div.a:contains("text 1"))

このセレクターでは大文字と小文字が区別されることに注意してください。大文字と小文字を区別しないバージョンが必要な場合は、独自のセレクターを実装するか、既存のセレクターをオーバーライドする必要があります。