如何最后点击导航菜单和有效导航菜单

时间:2017-10-16 04:38:54

标签: javascript jquery

我有一个问题,我使用母版页,我需要会话导航菜单,(最后点击导航菜单并添加课程:'活动导航菜单)并在页面加载时激活

我该怎么办?

代码:

<ul class="x-navigation" id="menuactive">
<li class="**active**">
    <a href="#">Title 1</a>
</li>   
<li>
    <a href="#">Title 2</a>
    <ul>
        <li><a href="#"> Title 2_1</a></li>
        <li><a href="#"> Title 2_2</a></li>
    </ul>
</li></ul>

...

感谢您帮助我!!!

1 个答案:

答案 0 :(得分:0)

添加类删除类就像你说的那样

&#13;
&#13;
$('ul > li > a').click(function() {
  $('ul > li > a').removeClass('addclass');
  $(this).addClass('addclass');
});
&#13;
.addclass {
  background-color: #ff5722;
}
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul class="x-navigation" id="menuactive">
  <li class="**active**">
    <a href="#">Title 1</a>
  </li>
  <li>
    <a href="#">Title 2</a>
    <ul>
      <li><a href="#" class='addclass'> Title 2_1</a></li>
      <li><a href="#"> Title 2_2</a></li>
    </ul>
  </li>
</ul>
&#13;
&#13;
&#13;