您的位置:首页 > Web前端 > JavaScript

js点击a标签切换不同列表

2016-07-07 18:51 274 查看
<a href="#" class="fl active">想TA的人</a>

 <a href="#" ></div>不想TA的人</a>

<div class="list">

            <ul>

 <li>我是1</li>

            </ul>

</div>

<div class="list">

            <ul>

 <li>我是2</li>

            </ul>

</div>

如题,两个a标签状态下如果为不同列表,点击判断第一个a标签显示对应的列表。
这里就用each循环,给对应的list添加对应a的索引值。

$("a").each(function(index){

        $(this).click(function(){

            $(this).addClass('active').siblings().removeClass('active');

            $(".list").eq(index).show().siblings(".list").hide();

        })

    })
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: