javascript - jQuery添加类，并为所有没有该类的元素将其删除

我正在尝试创建一个系统，以使用户自己选择一个表行，然后按Delete键将其删除。

所以我做了这个：

$("#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;
}

因此，当我单击table row内的tbody时，我会尝试为其提供selectedRow类，但会删除同一容器中任何其他元素的类。

我该如何做才能只选择一个tr（表行）？

我自己的尝试：

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

但这没用

最佳答案

您可以使用：

$("#container tbody tr").click(function () {

    // Remove selectedRow class from any rows having it in this table
    $('.selectedRow', $(this).parent()).removeClass("selectedRow");

    // Add it to the clicked row
    $(this).addClass("selectedRow");

});