在jQuery切换中切换类而不是追加

Question

我试图在点击名为＆＃39; activetab＆＃39;的点击中添加一个类。 如果单击tab2，如果单击tab3，我怎么能这样做呢？然后如果单击tab3，它会将它从标签2中取出并放到标签3上，依此类推。它只是附加它。

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

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

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

Answer 1

您可以使用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");
});