Question

我定义了很少的标签并围绕标签包装。它们包含几个元素，如spans，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");
});

关于：将一个或多个事件的事件处理函数附加到所选元素。

使用jQuery添加/删除类

2 个答案: