テーブル内の特定のクラスをすべて削除してください

Question

こんにちは、テーブルの行にあるすべてのentry-selectedクラスを削除する必要があります。

<table border='1' id='resource-container' style="margin-top: 10px; height: 396px; width: 100%;"> 
       <tr id="res-1" class='entry entry-selected'><td style="background-color:#FFCCC2" class="resource-color">&nbsp;&nbsp;</td><td style="padding-left: 10px"><div><strong>foo</strong><br>test</div></td></tr> 
       <tr id="res-1" class='entry'><td style="background-color:#F41FF2" class="resource-color">&nbsp;&nbsp;</td><td style="padding-left: 10px"><div><strong>foo</strong><br>test</div></td></tr> 
       <tr id="res-1" class='entry'><td style="background-color:#F4CCC2" class="resource-color">&nbsp;&nbsp;</td><td style="padding-left: 10px"><div><strong>foo</strong><br>test</div></td></tr> 
       </table> 

は、実際に私はこれを試してみました：これは私のHTML構造である

$('#resource-container').removeClass('.entry-selected') 

が、これはこれを持って、各要素のクラスは削除されません。これをどうすれば解決できますか？このような

Answer 1

あなたが行を反復処理し、クラスで任意の行からクラスを削除することができます。

$.each($('#resource-container tr'), function(idx, val) { 
    $(this).removeClass('entry-selected'); 
}); 

Answer 2

何かがトリックを行う必要があります。

$('#resource-container').find('.entry-selected').removeClass('entry-selected') 

これは、テーブル内のすべてのentry-selectedクラスを削除します。テーブルの行だけでなく、

はあなたが行うことができます<tr>上のクラスを削除するには

を更新：

$('#resource-container').find('tr.entry-selected').removeClass('entry-selected') 

Answer 3

コード内の正しい要素に対処する必要があります。テーブル要素から削除しています：

$('#resource-container tr.entry-selected').removeClass('entry-selected') 

上記の手順はすべきことです。ここでは、テーブルのすべてのtr子が選択され、クラス名としてentry-selectedが選択されます。

- Rory McCrossanに最適化されました。

$(document).ready(function(){ 
 
    $('#resource-container tr.entry').removeClass("entry-selected"); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table border='1' id='resource-container' style="margin-top: 10px; height: 396px; width: 100%;"> 
 
       <tr id="res-1" class='entry entry-selected'><td style="background-color:#FFCCC2" class="resource-color">&nbsp;&nbsp;</td><td style="padding-left: 10px"><div><strong>foo</strong><br>test</div></td></tr> 
 
       <tr id="res-1" class='entry'><td style="background-color:#F41FF2" class="resource-color">&nbsp;&nbsp;</td><td style="padding-left: 10px"><div><strong>foo</strong><br>test</div></td></tr> 
 
       <tr id="res-1" class='entry'><td style="background-color:#F4CCC2" class="resource-color">&nbsp;&nbsp;</td><td style="padding-left: 10px"><div><strong>foo</strong><br>test</div></td></tr> 
 
       </table>