JQuery anahtarını geçiş yerine geçme yerine ekleme

Question

'activetab' adındaki tıklatmayla bir öğeye sınıf eklemeye çalışıyorum. Nasıl yapabilirim? Tab2'yi tıklatırsanız, sınıfı eklersiniz, ancak sekmeyi tıklatırsanız, sekme 2'yi ve 3. sekmeyi vb. O anda sadece ekliyor.

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

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

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

Answer 1

Sınıfı kaldırmak için removeClass() kullanabilirsiniz. Ayrıca, tüm işleyici activetab sınıfını tıklatılan sekmeye ekleyecek ve diğer sekmelerden kaldıracak tek bir işleyici yapmak için birleştirilebilir.

// 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"); 
});