使用jQuery添加/删除类

Question

我有几个选项卡定义和包装标签。它们包含像跨度，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"); 
}); 

有关：将一个事件处理函数的一个或多个事件来选择的元素。