使用jQuery选择菜单项时更改菜单项颜色

Question

我想根据选择更改菜单项的颜色，例如。 在下面的代码中，如果选择了任何菜单项，则有一个on类，我必须在类上附加到菜单的li上。

 $('ul.nav li a').click(function(e){ e.preventDefault(); $('.nav ul li').each(function () { $(this).parents('.nav').find('.on').removeClass('on').end().end().addClass('on'); }); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <ul class="nav"> <li class="on"> <a href="course_roadmap.php"> Opt1 </a> </li> <li> <a href="course_roadmap.php"> Opt2 </a> </li> </ul> 

Answer 1

尝试这个：

$('ul.nav li').click(function(e){
  $(this).addClass('on').siblings().removeClass('on'); 
  var anchortext = $(this).find('a').text();  
  e.preventDefault();
});

Answer 2

尝试这个

 $('ul.nav li').click(function(){
    $('ul.nav li').removeClass("on");
    $(this).addClass("on");
  });