javascript - 使用 jquery 访问具有相同类名但不同测试的嵌套 div

Question

我想遍历 div 结构。实际上，我想要的是如果我有不同的 div 结构具有相同的类名，例如 mod 并且我想检查其类名为 title 的内部 div。它们之间的唯一区别是类名称标题的 div 的内容具有文本为 hello1 和其他文本为 hello2。

这是结构

<div class="mod" id="mod23" >
      <div class="content" >
       <div class="hd" >
         <div class="title">Hello1</div>
           <ul class="list"></ul>
           <ul class="buttons">
             <li class="help"></li>
             <li class="show" ></li>
             <li class="close"></li>
           </ul>
       </div>
      </div>
     </div>
    <div class="mod" id="mod27" >
      <div class="content" >
       <div class="hd" >
         <div class="title">Hello2</div>
           <ul class="list"></ul>
           <ul class="buttons">
             <li class="help"></li>
             <li class="show" ></li>
             <li class="close"></li>
           </ul>
       </div>
      </div>
     </div>

这是我试图想出的代码不起作用

$('div').each(function(index) {
if($(this).hasClass('title').text('Hello1')){
    alert('found');
    }
});

Answer 1

你可以使用contains选择器：

$('div.title:contains("Hello")').each(function(index) {
    alert('found');
});

http://jsbin.com/atayeb/2/

Answer 2

var result = $('div.title').filter(function() {
    return $(this).text() === "Hello1";
});

// Do something with result

或者您可以查看contains-selector，但这确实匹配与您的查询匹配的所有内容。

var result = $('div.title:contains(Hello1)')

---

要检查您是否匹配任何内容：

if ( result.length ) {
    alert("found");
}

Answer 3

$('div').each(function(index) {
if($(this).find('.title').first().text() == 'Hello1'){
    alert('found');
    }
});

不过可能有更酷的方法

Answer 4

试试这个：

<script>
$('div').each(function(index) {
if($(this).hasClass('title') && $(this).text() == 'Hello1'){
    alert('found');
    }
});
</script>

祝你好运！

Answer 5

您可以div使用CSS 选择器更直接地找到您感兴趣的内容：

$('.mod .title').each(function(i, e) {  
    if($(e).text() == 'Hello1') {
        alert('found');
    }
});?

Answer 6

 $('div').each(function (index) {
        if ($(".title")) {
            if ($(this).text('Hello1')) {
                alert('found');
            }
        }
    });