javascript - jQuery 添加类并为所有没有它的元素删除它

Question

我正在尝试做一个系统，让用户自己选择一个表格行，然后按删除按钮将其删除。

所以我做了这个:

$("#container tbody tr").click(function () {
    $(this).addClass("selectedRow");
});

function delete() {
    var check = confirm("Are you sure you want to delete this?");
    if (check) {
         $(".selectedRow").remove();
    }
}

$("#delete-btn").click(delete);

对于 CSS:

#container tbody tr.selectedRow {
   background-color: red; 
}

所以我正在尝试实现，当我单击 tbody 中的 table row 时，它会为其提供 selectedRow 类，但它会删除同一容器中任何其他元素的类。

如何才能只选择一个 tr(表格行)？

我自己的尝试:

$("#container tbody tr").click(function () {
    $(this).addClass("selectedRow");
    $(this).parent().removeClass("selectedRow");
});

但是没用

Answer 1

这样做

$("#container tbody tr").click(function () {
    $(".selectedRow").removeClass("selectedRow");
    $(this).addClass("selectedRow");

});

第一行将从所有元素中删除 selectedRow 的类名。然后您可以将类添加到单击的元素。