使用JQuery获取特定div中的所有div

Question

我有这个文档结构

<div id="log">
<div>ABC</div>
<br/>
<div>DEF</div>
<br/>
...
</div>

其中...表示任意数量的div，br对。

现在我需要编写一个名为exists的JQuery函数，它接受一个id（在本例中为“log”）和一个字符串（例如“DEF”）并检查是否在“log”div中有任何div的文本匹配“DEF”。我的JQuery很弱，有人可以帮我这个吗？

Answer 1

if ( $('#log div:contains("DEF")').length ) {
   // exists
}

Answer 2

$("#log").children("div").each(function(){
   if( $(this).text() == "DEF")
     //do something  
});

Answer 3

您可以使用:contains selector：

从ID中创建选择器字符串

function exists(id, content) {
  return $('#' + id + ' div:contains("' + content + '")').length > 0;
}

然而，这并不能完全匹配。如果你想要一个包含完全EAR的div，并且有一个包含BEARS的div，你会得到误报。要进行完全匹配，您可以使用filter method：

过滤元素

function exists(id, content) {
  return $('#' + id).filter(function(){
    return $(this).text() == content;
  }).length > 0;
}

编辑：

要获取所有div的内容，请使用map方法：

var arr = $('#' + id + ' div').map(function(){
  return $(this).text();
}).get();

Answer 4

$('#log').find('div:contains("DEF")');

应该工作。

Answer 5

$searchThis = $('.log').html();
if($searchThis.indexOf('search string') != -1){
    actions upon success (you found the string)
}