jquery - 将类添加到 var jquery

Question

这很可能在很多地方都被屠杀了，但希望我能得到答案。

我有两个标签。当我单击 Tab1 时，我想向 Tab2 添加一个 CSS 类。一次只能单击一个选项卡，因此当单击 Tab1 时，它会变为“不可单击”，而可以单击另一个选项卡。

我想创建一个函数并将这两个选项卡作为参数传递到 jQuery 函数中，但我认为这不是正确的方法...这是代码:

    function toggleTabs(tabClicked,otherTab){
    var tabClicked = tabClicked;
    var otherTab = otherTab;    
    if(tabClicked).hasClass("regLogPassive") {
        tabClicked.addClass("regLogActive");
        otherTab.removeClass("regLogActive");
    } else {
        return();
    }
}

$(".tab1").click(function() {
    toggleTabs($(".tab1"), $(".tab2"));
});

$(".tab2").click(function() {
    toggleTabs($(".tab2"), $(".tab1"));
});

Answer 1

尝试这段代码:

HTML:

<div class="tab">tab1</div>
<div class="tab">tab2</div>

JS:

$(".tab").click(function() {
    if($(this).hasClass("active")){
        return;
    }

    $(".tab.active").removeClass("active");
    $(this).addClass("active");
});