Question

您好我需要删除表行中的所有entry-selected类avaialable。这是我的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')

但是这并没有删除具有此元素的每个元素的类。我该如何解决这个问题？

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>

删除表中的所有特定类

3 个答案: