Fügen Sie die Klasse zu allen Seitenelementen mit bestimmter Klasse hinzu, indem Sie auf den Menüpunkt

Question

klicken.

Ich möchte die Klasse ".current" für alle Seitenelemente mit der Klasse ".chrome" hinzufügen und sofort entfernen, nachdem Sie bei ".menu- Artikel "Klasse.

<ul id="navigation"> 
 
    <li class="menu-item"><a href="#link-1">1</a></li> 
 
    <li class="menu-item"><a href="#link-2">2</a></li> 
 
    <li class="menu-item"><a href="#link-3">3</a></li> 
 
    <li class="menu-item"><a href="#link-4">4</a></li> 
 
    <li class="menu-item"><a href="#link-5">5</a></li> 
 
    <li class="menu-item"><a href="#link-6">6</a></li> 
 
    <li class="menu-item"><a href="#link-7">7</a></li> 
 
    <li class="menu-item"><a href="#link-8">8</a></li> 
 
    <li class="menu-item"><a href="#link-9">9</a></li> 
 
</ul>

Answer 1

Bitte schauen Sie zu entfernen. Um eine Klasse hinzuzufügen und dann sofort zu entfernen, können Sie Folgendes verwenden:

$('.menu-item').on('click', function() { 
    $('.chrome').addClass('current').removeClass('current'); 
}); 

Answer 2

Das ist, was ich zu lesen, denken, was Sie gefragt haben.

Klasse alles nach Klick

$(".menu-item").on("click",function(){ 
    //this is to add to all 
    $("*").addClass("current"); 
    //this is to add to all with class chrome 
    $(".chrome").addClass("current"); 
}); 

hinzufügen alle auf addClass() und removeClass() aus der jQuery-Dokumentation

$(".menu-item").on("click",function(){ 
    //this is to remove all 
    $("*").removeClass("current"); 
    //this is to remove classes all from .chrome 
    $(".chrome").removeClass("current"); 
}); 

beide

$(".menu-item").on("click",function(){ 
    //add remove all 
    $("*")$("*").addClass("current").removeClass("current"); 
    //add remove all from .chrome 
    $(".chrome")$("*").addClass("current").removeClass("current"); 
});