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

Question

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

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