在点击菜单项

Question

后，将类添加到具有某个类的所有页面元素我想添加并立即删除类“.chrome”中类“.current”的类后，点击菜单项“.menu-项目“类。

<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

请看addClass()和removeClass()从jQuery的文档。要添加课程，然后立即将其删除，可以使用以下内容：

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

Answer 2

这是我能想到的读你问过什么。

点击

$(".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"); 
}); 

之后添加类竭力消除所有

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

两个

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