如何一次只設置一個表格行“table-active”？

Question

我正在設計一個利用 Bootstrap 表行的網絡應用程序。 我試圖讓它在用戶單擊該行時將其變為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");
});