如何一次只设置一个表行“ table-active”？

Question

我正在设计一个利用Bootstrap表行的Web应用程序。我试图将其放置在用户单击该行的位置，它将变成table-active。当前，我将其设置为在单击时突出显示一行而不是一行。我正在尝试找到最有效的方法在jQuery中对所有这些进行编码。

Javascript：

    $(".table tr").click(function() {
      $(this).toggleClass("table-active");
    });

Answer 1

只需先关闭每行的班级，然后将其切换到所单击的班级：

$(".table tr").click(function() {
  $(".table tr").removeClass("table-active");
  $(this).toggleClass("table-active");
});