2016-04-04 27 views
0

「アクティベーション」という名前のクリックでクラスに要素を追加しようとしています。 どうすればいいですか?tab2をクリックしてクラスを追加しますが、tab3をクリックするとタブ2からタブ3に移動します。分にちょうどそれが追加されます。追加するのではなく、jQueryの切り替えでクラスを切り替える

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

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

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

答えて

2

removeClass()を使用してクラスを削除できます。また、すべてのハンドラを組み合わせて1つのハンドラを作成し、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"); 
}); 
関連する問題