开发者社区> 问答> 正文

JQ 如何设置 class="current"

现有如下二级导航菜单,想点击文字后,把一级目录的在对应的class="nav-top-item" 设置成 class="nav-top-item current" 点击二级目录时把标签设置为

JQ代码如何实现啊?麻烦各位了~望不吝赐教~

<ul id="main-nav">
 
<li> <a href="#" class="nav-top-item">多媒体 Media</a>
 
 <ul> 
<li><a href="#">媒体库</a></li> 
<li><a href="#">添加</a></li> 
 </ul> 
</li> 
 
<li> <a href="#" class="nav-top-item">文章 Post</a> 
 <ul> 
<li><a href="#">写文章</a></li> 
<li><a  href="#">所有文章</a></li> 
<li><a href="#">分类目录</a></li> 
 </ul> 
</li> 
   
<li> <a href="#" class="nav-top-item">页面 Page</a> 
 <ul> 
<li><a href="#">所有页面</a></li> 
<li><a href="#">新建页面</a></li> 
 </ul> 
</li> 
 
<li> <a href="#" class="nav-top-item">其他 Others</a> 
 <ul> 
<li><a href="#">更新信息</a></li> 
<li><a href="#">联系作者</a></li> 
 </ul> 
</li> 
</ul>

展开
收起
a123456678 2016-07-08 15:46:26 2486 0
1 条回答
写回答
取消 提交回答
  • $(document).ready(function(){ 
     $("li a").click(function(){ 
    $("li a").removeClass("current"); 
    $(this).addClass("current"); 
    $(this).parent().parent().prev().addClass("current"); 
    }); 
    });
    2019-07-17 19:53:35
    赞同 展开评论 打赏
问答地址:
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载