切换jQuery中的类而不是附加类

jord49 发表于 Dev

乔德49

我试图将一个类添加到名为“ activetab”的单击元素上。我如何做到这一点，如果您单击tab2，则添加了该类，但是如果您单击tab3，它将使它脱离选项卡2，进入选项卡3，依此类推。在此刻，它只是附加了它。

$(".tab2").click(function () {
    $(".tab2").addClass("activetab");
});

$(".tab3").click(function () {
    $(".tab3").addClass("activetab");
});

$(".tab4").click(function () {
    $(".tab4").addClass("activetab");
});

杜沙尔

您可以removeClass()用来删除该类。同样，可以将所有处理程序合并为一个处理程序，该处理程序会将activetab类添加到单击的选项卡中，并将其从其他选项卡中删除。

// Bind click event on all the tabs
$(".tab2, .tab3, .tab4").click(function () {
    // Remove class from other tab
    $(".activetab").removeClass('activetab');

    // Add class to the current clicked tab
    $(this).addClass("activetab");
});

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。