2017-02-28 7 views
-1

どのようにクラスをに追加しますか?要素child。** this ** elements子にクラスを追加する

は、私はすべてのCompliantitems

例えばに異なる背景色を追加するためにクラスを追加します

<div class="tab"> 
    <tr><td class="compliance">Compliant</td></tr> 
    <tr><td class="compliance">Non-compliant</td></tr> 
</div> 




$(".tab td:contains('Compliant')").each(function() { 
    $(this, .compliance).addClass("success"); 
}); 

答えて

4

ただ、この使用:スレシュはあなたの場合は、コメントで追加されたよう

$(this).addClass("success"); 

$(".tab td:contains('Compliant')").addClass("success"); 

それとも、すべてのTDSをループしているとしてのみ$(this)が働くだろうし特定のTDSをターゲットにしてから、この方法で使用する必要があります。

$(".tab td.compliance:contains('Compliant')").addClass("success"); 
+0

これで、すべてのtdsがそのテキストで更新されます。 OPは、クラス「コンプライアンス」を持っているtdのtohseだけを望んでいます –

+0

私はこれを使っていましたが、うまくいきましたが、そのセルが色を変えたいので、私はあなたの最初の提案を試みます。ありがとう – morne

+0

@morneクラスに制限がない場合、これはうまくいきます。 –

1

hasClassを使用してください。

$(".tab td:contains('Compliant')").each(function() { 
    if ($(this).hasClass("compliance")){ 
    $(this).addClass("success"); 
    } 
}); 
関連する問題