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的解决方案很好但可能会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

使用.trim()：Try before buy

Answer 2

使用jQuery :contains选择器：

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

Answer 3

您可以使用descendant selector和:contains按:contains选择div。

<强> Live Demo

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

Answer 4

试试这个：

JSFiddle

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