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")')