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

Question

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

＆＃13;

＆＃13;

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

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;

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