<div id="menu"> <ul> <li class="home first"><a href="/" class="home current"><span><span>首页</span></span></a></li> <li class="our-work"><a href="/content/List/2_1.htm" class="product-services"><span><span>产品与服务</span></span></a></li> <li class="our-services"><a href="/content/List/2_1.htm" class="news"><span><span>公司新闻</span></span></a></li> <li class="about-us"><a href="/content/view/2/1.htm" class="about-us"><span><span>关于我们</span></span></a></li> <li class="resources"><a href="/content/List/2_1.htm" class="resources"><span><span>人力资源</span></span></a></li> <li class="contact-us last"><a href="/content/view/2/1.htm" class="contact-us"><span><span>联系我们</span></span></a></li> </ul> </div> <!--[if !IE]>顶部结束<![endif]--> <!--[if !IE]> 中栏开始 <![endif]--> <div id="main"> <h3>公司新闻</h3>呃,部分代码如上,已使用Jqery1.4.2代码库 想从h3这里获得当前菜单,并更改menu ul li 的a中的class为current,匹配条件为 #('main h3:first')的内容与菜单中的menu ul li a span span中的内容相等同的时候,去掉其他a 的current的class,并加匹配的a的class增加current 求解!
呃,已经解决。
<div id="menu"> <ul> <li class="home first"><a href="/" class="home"><span><span>首页</span></span></a></li> <li class="our-work"><a href="/content/List/2_1.htm" class="product-services"><span><span>产品与服务</span></span></a></li> <li class="our-services"><a href="/content/List/2_1.htm" class="news"><span><span>公司新闻</span></span></a></li> <li class="about-us"><a href="/content/view/2/1.htm" class="about-us"><span><span>关于我们</span></span></a></li> <li class="resources"><a href="/content/List/2_1.htm" class="resources"><span><span>人力资源</span></span></a></li> <li class="contact-us last"><a href="/content/view/2/1.htm" class="contact-us"><span><span>联系我们</span></span></a></li> </ul> </div> <!--[if !IE]>顶部结束<![endif]--> <!--[if !IE]> 中栏开始 <![endif]--> <div id="main"> <h3 id="curmenu">公司新闻</h3>然后在页脚加入JS
<script type="text/javascript"> $(document).ready(function () { if ($('#curmenu').length == 0) { $('.home').addClass('current'); } else { var cur = $('#curmenu').text(); $('#menu').find('li').find('a').find('span').find('span').each(function () { if (cur == $(this).text()) { $(this).parents('a').addClass('current'); } }); } }); </script>呃,以上是我自己写的代码,欢迎大家拍砖,怎样写更好呢?或是更简洁更高效,求指点~######建议附加些属性, 否则选择器使不上劲######呃,比如说,怎么附加来达到想要实现的功能?######随意,比如我喜欢用mark######
<div id="menu"> <ul> <li class="home first"><a href="/" class="home"><span><span>首页</span></span></a></li> <li class="our-work"><a href="/content/List/2_1.htm" class="product-services"><span><span>产品与服务</span></span></a></li> <li class="our-services"><a href="/content/List/2_1.htm" class="news"><span><span>公司新闻</span></span></a></li> <li class="about-us"><a href="/content/view/2/1.htm" class="about-us"><span><span>关于我们</span></span></a></li> <li class="resources"><a href="/content/List/2_1.htm" class="resources"><span><span>人力资源</span></span></a></li> <li class="contact-us last"><a href="/content/view/2/1.htm" class="contact-us"><span><span>联系我们</span></span></a></li> </ul> </div> <!--[if !IE]>顶部结束<![endif]--> <!--[if !IE]> 中栏开始 <![endif]--> <div id="main"> <h3 id="curmenu">公司新闻</h3>然后在页脚加入JS
<script type="text/javascript"> $(document).ready(function () { if ($('#curmenu').length == 0) { $('.home').addClass('current'); } else { var cur = $('#curmenu').text(); $('#menu').find('li').find('a').find('span').find('span').each(function () { if (cur == $(this).text()) { $(this).parents('a').addClass('current'); } }); } }); </script>呃,以上是我自己写的代码,欢迎大家拍砖,怎样写更好呢?或是更简洁更高效,求指点~######建议附加些属性, 否则选择器使不上劲######呃,比如说,怎么附加来达到想要实现的功能?######随意,比如我喜欢用mark######
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。