使用jQuery添加/刪除類

Question

我定義了幾個標簽，並在標簽周圍包裝了標簽。 它們包含多個元素，例如span，img等。我的想法是為單擊的選項卡添加ACTIVE類，並將其從上一個選項卡中刪除，以便在任何時間點只有一個處於活動狀態。 我使用的代碼正常工作

     <script>
     $(document).ready(function() {
         $(".tabs").click(function() {
            $(this).toggleClass("active");

         });
     });

但這只是解決方案的一部分。 它向選項卡添加類，但不會將其從以前單擊的選項卡中刪除。 因此，如果我有3個選項卡並單擊每個選項卡，則將全部選中。 有什么簡單的解決辦法嗎？

Answer 1

$(".tabs").click(function() {
     $(".tabs").removeClass("active");
     $(this).addClass("active");
});

Answer 2

您也可以嘗試

$(".tabs").on('click',function() {
   $(".tabs").removeClass("active");
   $(this).addClass("active");
});

關於開啟：將一個或多個事件的事件處理程序功能附加到所選元素。