jquery - 选择行时如何从所有相同级别的表行中删除 CSS 类？

Question

$('table tbody tr').click(function () {
            // how to remove clickedRow class from all same level rows?
            $(this).addClass('clickedRow');
        });

选中一行后，我想从同一表格的所有其他行中删除 clickedRow css 类，只将其添加到当前选中的行。

我的页面中有多个表格，因此每次点击都应仅在同一个表格的上下文中执行上述操作。

这怎么可能？

谢谢，

Answer 1

你可以使用这个:

$('table tbody tr').click(function () {
    $(this).siblings().removeClass('clickedRow');
}

它将从所有同级行中删除您的 css 类