javascript - jQuery - 添加事件类并在单击时从其他元素中删除事件

Question

我是 jQuery 的新手，如果这是一个愚蠢的问题，我很抱歉。但我一直在查看 Stack Overflow，我发现有些东西只管用了一半，我就是无法让它完全工作。

我有 2 个选项卡 - 一个处于事件状态，另一个不处于事件状态。单击非事件选项卡后，我希望将其赋予事件类，并删除之前的事件类。每次单击非事件选项卡时反之亦然。

任何帮助都会很棒!

这是我目前拥有的:<强> http://jsfiddle.net/zLpe5/

这是我尝试添加和删除类的方法:

$(document).ready(function() {
$(".tab").click(function () {
    $(".tab").removeClass("active");
    $(".tab").addClass("active");        
});
});

如果有人可以帮助我合并 fiddle 中的 2 位脚本，那也将是一个巨大的帮助。因为我很困惑这是怎么做到的!

谢谢你:)

Answer 1

试试这个

$(document).ready(function() {
$(".tab").click(function () {
    $(".tab").removeClass("active");
    // $(".tab").addClass("active"); // instead of this do the below 
    $(this).addClass("active");   
});
});

当您使用 $(".tab").addClass("active"); 时，它会针对类名为 .tab 的所有元素。相反，当您使用 this 时，它会查找具有事件的元素，在您的例子中是被clicked 的元素。

希望对您有所帮助。