开发者社区> 问答> 正文

请教个Jquery的实现问题.

<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

展开
收起
a123456678 2016-07-05 10:38:09 1921 0
1 条回答
写回答
取消 提交回答
  •   <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>
    2019-07-17 19:51:15
    赞同 展开评论 打赏
问答分类:
问答标签:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
23-Vue.js在前端...1506518547.pdf 立即下载
Javascript中的函数 立即下载
JavaScript函数 立即下载