jquery - 如何向该菜单项添加事件类？

Question

我正在尝试向该子菜单项添加一个事件类。

菜单项-

<ul class="mainnav ">
  <li class="active"><a href="/Home/Index"><i class="icon-home"></i></a></li>
  <li><a href="#"><i class="icon-upload" id="upload-card"></i></a></li>
  <li>
      <a class="dropdown-toggle" data-toggle="dropdown" href="#"><i class="icon-search"></i></a>
  </li>
  <li>
      <a class="dropdown-toggle" data-toggle="dropdown" href="#"><i class="icon-plus"></i></a>                               
  </li>
</ul>

第一个 li 项上已经添加了 active 类。我试图在单击当前事件菜单项时从 sibling 中删除此类。

这是我试过的-

<script type="text/javascript">
     $(function () {
         $('ul .mainnav > li').click(function () {
             $(this).siblings().removeClass('active').addClass('active');
         });    
     });
</script>

但这行不通。

感谢您的帮助。

Answer 1

试试这个

   $('.mainnav li').click(function () {
         $(this).siblings().removeClass('active')
         $(this).addClass('active');
    });

工作示例。 http://jsfiddle.net/CgSwt/