jquery選擇器：如何在嵌套的div中選擇div

Question

<div id ="parent"> 

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

</div> 

如何在ID爲id = parent的div中選擇帶有文本「2」的div。

Answer 1

使用jQuery的:contains選擇：

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

Answer 2

您可以使用descendant selector和:contains通過:contains選擇股利。

Live Demo

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

Answer 3

通過Adil和kayen的解決方案是好的，但可能fail on an example like this：

<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()：Try before buy

With .trim()：Try before buy

Answer 4

試試這個：

JSFiddle

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