问答详情
源自:2-16 综合案例

$("#menu_con .tag dd>a:lt(4)").css('color','red'); 为什么第二类下面的前4个不变色

就是下面这串代码,感觉两个类下面的前四个都要变色的,但是实际不是这样的,求大神帮我分析一下,另一个提问中 $("dd").find("a:lt(5)").css('color','red'); 这行代码却能两个类都变色


    <script type="text/javascript">

        //把a元素从顺序1-5加上颜色

        //可以通过基本筛选器lt,选择匹配集合中所有索引值小于给定index参数的元素

        //注意了index是从0开始计算,所以选在1-5,为对应的index就是4

        $("#menu_con .tag dd>a:lt(4)").css('color','red');

    </script>


提问者:慕粉3764854 2016-08-23 23:09

个回答

  • salody
    2016-08-23 23:39:40
    已采纳

    $("#menu_con .tag dd>a:lt(4)")

    你选取的是所有的dd子元素的a,作为dd子元素的a总共有40多个。这40多个你用:lt(4)选的就是前4个。

    $("dd").find("a:lt(5)").css('color','red');这个呢是先选取DD标签,组成数组。然后在每个DD中执行后面的操作,。