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

Javascript 使用jquery访问具有相同类名但不同测试的嵌套div,javascript,jquery,html,Javascript,Jquery,Html,我想遍历div结构。实际上,我想要的是如果我有不同的div结构,具有相同的类名,例如mod,我想检查类名为title的内部div。它们之间唯一的区别是类名为title的div的内容的文本为hello1,而其他的则为hello2 结构如下 <div class="mod" id="mod23" > <div class="content" > <div class="hd" > <div class="title

我想遍历div结构。实际上,我想要的是如果我有不同的div结构,具有相同的类名,例如mod,我想检查类名为title的内部div。它们之间唯一的区别是类名为title的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>
不过可能有更酷的方法

可能有更酷的方法,但请尝试以下方法:

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

$('div')。每个(函数(索引){
if($(this.hasClass('title')&&&$(this.text()=='Hello1'){
警报(“发现”);
}
});
祝你好运

试试这个:

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

$('div')。每个(函数(索引){
if($(this.hasClass('title')&&&$(this.text()=='Hello1'){
警报(“发现”);
}
});

祝你好运

您可以使用
包含
选择器:

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

您可以使用
包含
选择器:

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

您可以通过以下方式更直接地访问感兴趣的
div


您可以通过以下方式更直接地访问感兴趣的
div

或者您可以查看,但这与您的查询匹配

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

要检查您是否匹配任何内容,只需执行以下操作:

if ( result.length ) {
    alert("found");
}
或者您可以查看,但这与您的查询匹配

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

要检查您是否匹配任何内容,只需执行以下操作:

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

一个元素可以有多个类名,只需用空格分隔即可。一个元素可以有多个类名,只需用空格分隔即可
 $('div').each(function (index) {
        if ($(".title")) {
            if ($(this).text('Hello1')) {
                alert('found');
            }
        }
    });