刪除表中的所有特定類

您好，我需要刪除我的錶行中所有可用的entry-selected類。這是我的HTML結構：刪除表中的所有特定類

<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>

其實我嘗試這樣做：

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

但這並不刪除類具有此每個元素。我怎樣才能解決這個問題？

來源

2017-01-03 AgainMe

可以遍歷行和從與類的任何行刪除類。

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

來源

2017-01-03 13:04:06

'$ .each'是多餘這裏。 –

像這樣的東西應該做的伎倆：

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

這將刪除表中的所有entry-selected類。不僅在表格行上。

更新

要刪除類只在<tr>你可以這樣做：

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

來源

2017-01-03 13:03:55 caramba

感謝該工作 – AgainMe

您必須解決代碼中的正確元素。您現在將其從表格元素中刪除：

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

上面的代碼應該有效。它現在選擇所有具有entry-selected作爲類名的tr子表。

- 優化感謝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>

來源

2017-01-03 13:05:16 Mouser

@RoryMcCrossan，甚至更好的優化！ – Mouser

刪除表中的所有特定類

回答

相關問題