Question

我有这个：

$("tbody").on("click", "tr", function(e) {     
  $(this)
     .toggleClass("selected")
     .siblings(".selected")
         .removeClass("selected");
});

允许我选择一个特定的行并为其分配＆＃34;选择＆＃34;类。用户现在可以选择单击表格底部的删除按钮以删除他选择的该行。我想，当用户点击删除按钮时，遍历所有表行并删除带有所选标记的行，但我不知道如何执行此操作。有没有更好的方法，或者有人可以解释如何做到这一点？

Answer 1

由于您没有提供任何HTML，我正在创建自己的表。

CSS背景颜色，用于查看带有“已选择”类

的表格行

<style>
.selected{
background-color:#dddddd;
}
</style>

通用表格和按钮

<table>
<tbody>
<tr>
<td>Sunday</td>
<td>01</td>
</tr>
<tr>
<td>Monday</td>
<td>02</td>
</tr>
<tr>
<td>Tuesday</td>
<td>03</td>
</tr>
</tbody>
</table>

<button id="deleteRow">Delete Row</button>

JQuery添加类并删除表行

$(function() {

$(document).off('click', 'tbody tr').on('click', 'tbody tr', function() {
    var $this = $(this);
    if ($this.hasClass('selected')) {
        $this.removeClass('selected');
    } else {
        $this.addClass('selected');
    }
});

$(document).off('click', '#deleteRow').on('click', '#deleteRow', function() {
    $('tbody tr.selected').remove();
});

});

查找哪个表行具有所选类，以便可以删除它

1 个答案: