javascript - 使用 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");
});