我正在尝试做一个系统,让用户自己选择一个表格行,然后按删除按钮将其删除。
所以我做了这个:
$("#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");
});
但是没用
最佳答案
这样做
$("#container tbody tr").click(function () {
$(".selectedRow").removeClass("selectedRow");
$(this).addClass("selectedRow");
});
第一行将从所有元素中删除 selectedRow
的类名。然后您可以将类添加到单击的元素。
关于javascript - jQuery 添加类并为所有没有它的元素删除它,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24864559/