javascript - 如何切换表 tr 上的类

Question

我在一个页面上有多个表格。对于每个表，我希望能够通过单击 tr 来切换类。

到目前为止，这就是我对 js 的了解:

 $(document).ajaxSuccess(function () {
 $("table tr").click(function () {

     if ($(this).closest("table tr").hasClass("selected_row"))
     { $(this).closest("table tr").removeClass("selected_row"); }

     else { $(this).closest("table tr").addClass("selected_row"); }
 });
});

现在我遇到的问题是，当我单击此表中的第二个 tr 时，前一行保留添加到其中的类。我怎样才能做到在任何表上，一次只有 1 个表行可以有这个类。

也不是，有时页面上有多个表格，因此解决方案只需与被单击的表格相关，而不是页面上的所有表格。

谢谢，标记

Answer 1

Closest 获取选择器的父级，这已经是表 tr，试试这个:

   if ($(this).hasClass("selected_row")) {
       $(this).removeClass("selected_row");
   } else {
       $(this).addClass("selected_row");
       $(this).siblings().removeClass('selected_row');
   }