1

div 構造を繰り返し処理したいのですが、実際には、mod などの同じクラス名を持つ異なる div 構造があり、クラス名が 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>

これが私が思いついたコードで、動作していません

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

6 に答える 6

3

containsセレクターを使用できます：

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

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

于 2012-07-06T17:47:38.287 に答える
3 
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");
}
于 2012-07-06T17:47:48.337 に答える
2

CSS セレクターdivを使用して、より直接的に興味のあるものにアクセスできます。

$('.mod .title').each(function(i, e) {  
    if($(e).text() == 'Hello1') {
        alert('found');
    }
});?
于 2012-07-06T17:47:45.333 に答える
2 
$('div').each(function(index) {
if($(this).find('.title').first().text() == 'Hello1'){
    alert('found');
    }
});

もっとクールな方法があるかもしれませんが

于 2012-07-06T17:45:13.410 に答える
2

代わりにこれを試してください：

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

幸運を！

于 2012-07-06T17:45:49.853 に答える
1 
 $('div').each(function (index) {
        if ($(".title")) {
            if ($(this).text('Hello1')) {
                alert('found');
            }
        }
    });
于 2012-07-06T19:48:14.380 に答える