jquery - Jquery セレクター: ネストされた div で div を選択する方法

Question

<div id ="parent"> 

<div>1</div>
<div>2</div>
<div>3</div>

</div>

id=parent の div でテキスト「2」の div を選択する方法。

Answer 1

Adilとkayenによる解決策は問題ありませんが、次のような例では失敗する可能性があります。

<div>12</div>
<div>2</div>
<div>3</div>

これは、常に正確な一致を見つけるソリューションです。

var div = $('#parent div').filter(function() { return $(this).text() === '2'; });

値に空白を含めることができる場合、たとえば次のようになります。

<div>
    2
</div>

比較の前に文字列をトリミングする必要があります。

$('#parent div').filter(function() { return $.trim($(this).text()) === '2'; });

デモ

なし.trim():購入前にお試しください

.trim()あり:購入前にお試しください

Answer 2

jQuery :containsセレクターを使用します。

$('#parent').find('div:contains("2")')

Answer 3

子孫セレクターを使用:containsして、 div by を選択できます:contains。

ライブデモ

$('#parent div:contains("2")')

Answer 4

これを試して：

JSFiddle

$('div div:contains("2")')