现有如下二级导航菜单,想点击文字后,把一级目录的在对应的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>
$(document).ready(function(){
$("li a").click(function(){
$("li a").removeClass("current");
$(this).addClass("current");
$(this).parent().parent().prev().addClass("current");
});
});
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。