Javascript 使用jQuery添加/删除类

我定义了几个标签，并将标签包装起来。它们包含几个元素，如spans、img等。我的想法是为单击的选项卡添加活动类，并将其从上一个选项卡中删除，以便在任何时间点只有一个处于活动状态。 我使用的代码正在运行

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

         });
     });

$（文档）.ready（函数（）{
$（“.tabs”）。单击（函数（）{
$（此）.toggleClass（“活动”）；
});
});

但这只是解决方案的一部分。它将类添加到选项卡中，但不会将其从以前单击的选项卡中删除。因此，如果我有3个选项卡，并单击每个选项卡，所有选项卡都将被选中。有什么简单的解决方法吗？

您也可以试试这个

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

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

---

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

如果是标记，可能添加preventDefault（）会更好。如果使用

.on（）

而不侦听其来源（由第二个参数指定），则只需坚持

。单击（）

。另请参阅：