htmlクラスをループし、それぞれが動作していないif文を実行しますか？ Jquery

Question

私はループを使ってhtmlクラスを実行しようとしていますが、それぞれのif文を実行していますが、コードが機能していません。

$('.product-name').each(function() { 
    if($(this).innerHTML.indexOf("Handles") != -1){ 
     alert('test'); 
    } 
}); 

Answer 1

ジョナスさんのようにhtml（）でもうまく見えます。 それぞれの内部にconsole.log（$（this）.html（））を試してください

Answer 2

これは機能します。以下のスニペットを参照してください。
実際のコードに入力ミスが含まれている可能性がありますので、ご確認ください。

$('.product-name').each(function() { 
 
    if ($(this).html().indexOf("Handles") != -1) { 
 
    console.log('Text "Handles" found for id=' + this.id); 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="div1" class="product-name">Bla</div> 
 
<div id="div2" class="product-name">It Handles It</div> 
 
<div id="div3" class="product-name">Bla</div> 
 
<div id="div4" class="product-name">It Handles More</div>