这是我写的 HTML 我想点击 li 标签让下面的 tab 添加去除 xian 这个 class
高洛峰
高洛峰 2016-11-17 16:11:42
0
2
952
            <div class="main-lnav">
                <p><a href="##"><img src="skin/2016/images/jrtt.png"></a></p>
                <ul>
                    <li class="lgo"><a href="##">推荐</a></li>
                    <li><a href="##">热文</a></li>
                    <li><a href="##">邯郸</a></li>
                    <li><a href="##">房企</a></li>
                    <li><a href="##">独家</a></li>
                    <li><a href="##">置业</a></li>
                    <li><a href="##">专题</a></li>
                    <li><a href="##">土地</a></li>
                    <li><a href="##">楼市</a></li>
                </ul>
            </div>
        </div>
        <!--左侧导航结束-->
        <!--中间内容-->
        <div class="main-content">
            <div class="tab xian">
            <!--轮播-->
            <div id="focus-banner">
                    <ul id="focus-banner-list">
                        <li>
                            <a href="#" class="focus-banner-img">
                                <img src="skin/2016/images/banner2.jpg" alt="">
                            </a>
                            <div class="focus-banner-text">
                                <p>这是一句广告语</p>                    
                            </div>
                        </li>
                        <li>
                            <a href="#" class="focus-banner-img">
                                <img src="skin/2016/images/banner3.jpg" alt="">
                            </a>
                            <div class="focus-banner-text">
                                <p>这是二句广告语</p>
                            </div>
                        </li>
                        <li>
                            <a href="#" class="focus-banner-img">
                                <img src="skin/2016/images/banner4.jpg" alt="">
                            </a>
                            <div class="focus-banner-text">
                                <p>这是三句广告语</p>
                            </div>
                        </li>
                        <li>
                            <a href="#" class="focus-banner-img">
                                <img src="skin/2016/images/banner5.jpg" alt="">
                            </a>
                            <div class="focus-banner-text">
                                <p>这是四句广告语</p>
                            </div>
                        </li>
                    </ul>
                    <a href="javascript:;" id="next-img" class="focus-handle"></a>
                    <a href="javascript:;" id="prev-img" class="focus-handle"></a>
                    <ul id="focus-bubble"></ul>
                </div>
                <!--轮播-->
                <div class="lie">
                     <div class="investment_con">
                         
                        <div class="lie-Title">
                            <a href="##"><img src="skin/2016/images/lie-title1.jpg"></a>
                        </div>
                        <div class="lie-outline">
                            <ul>
                                <li><a href="##">恋家网质询阿斯达克就爱上看来大家可拉伸的金坷垃圣的金坷垃圣诞节阿喀琉斯简单快乐</a></li>
                                <li><p>阿斯达克就爱上看来大家可拉伸的金坷垃圣诞节阿喀琉斯简单快乐</p></li>
                            </ul>
                        </div>
                    </div>
                </div>    
            </div>
            <div class="tab">
                <div class="lie">
                     <div class="investment_con">
                         
                        <div class="lie-Title">
                            <a href="##"><img src="skin/2016/images/lie-title1.jpg"></a>
                        </div>
                        <div class="lie-outline">
                            <ul>
                                <li><a href="##">恋家网质询阿斯达克就爱上看来大家可拉伸的金坷垃圣的金坷垃圣诞节阿喀琉斯简单快乐</a></li>
                                <li><p>阿斯达克就爱上看来大家可拉伸的金坷垃圣诞节阿喀琉斯简单快乐</p></li>
                            </ul>
                        </div>
                    </div>
                </div>    
            </div>
            <div class="tab">
                <div class="lie">
                     <div class="investment_con">
                         
                        <div class="lie-Title">
                            <a href="##"><img src="skin/2016/images/lie-title1.jpg"></a>
                        </div>
                        <div class="lie-outline">
                            <ul>
                                <li><a href="##">恋家网质询阿斯达克就爱上看来大家可拉伸的金坷垃圣的金坷垃圣诞节阿喀琉斯简单快乐</a></li>
                                <li><p>23232323323爱上看来大家可拉伸的金坷垃圣诞节阿喀琉斯简单快乐</p></li>
                            </ul>
                        </div>
                    </div>
                </div>    
            </div>
            <div class="tab">
                <div class="lie">
                     <div class="investment_con">
                         
                        <div class="lie-Title">
                            <a href="##"><img src="skin/2016/images/lie-title1.jpg"></a>
                        </div>
                        <div class="lie-outline">
                            <ul>
                                <li><a href="##">恋家网质询阿斯达克就爱上看来大家可拉伸的金坷垃圣的金坷垃圣诞节阿喀琉斯简单快乐</a></li>
                                <li><p>454545454545来大家可拉伸的金坷垃圣诞节阿喀琉斯简单快乐</p></li>
                            </ul>
                        </div>
                    </div>
                </div>    
            </div>
        </div>
    下面是我写的jquery哪里出错了?求指点
      $(".main-lnav li").click(function(e){
    $(this).siblings().removeClass('lgo');
    $(this).addClass('lgo');
    e.stopPropagation();
    //table切换
    $(".tab").siblings().removeClass('xian');
    $(".tab").addClass('xian');
    e.stopPropagation();
});


高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

全部回复(2)
学霸
$(".tab").siblings().removeClass('xian');
$(".tab").addClass('xian');

这里的代码逻辑有问题,你先自己想想。

三叔
<script type="text/javascript">
$(".main-lnav li").each(function(i){
    $(this).click(function(){
        $(this).addClass('lgo').siblings().removeClass('lgo');
        $(".tab").removeClass('xian');
        $(".tab").eq(i).addClass('xian')
    })
})
</script>


热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板