关于:nth-child(10)与 :eq(10)

来源:2-16 综合案例

盯叮町玎仃

2016-07-21 16:37

<script type="text/javascript">
        //选中2个dd列表中第10个元素,并改变颜色
        //这里用了nth-child 选择的他们所有父元素的第n个子元素
       // $('dd a:nth-child(10)').css('color','#66CD00');
       $('dd:eq(10)').css('color','#66CD00');
    </script>


为什么这里用$('dd:eq(10)').css('color','#66CD00');

文字的颜色没有改变的?

写回答 关注

3回答

  • qq_LM_3
    2016-07-21 16:57:49
    已采纳

    dd没有10个 就2个dd标签, dd a:eq(10)

    盯叮町玎仃

    非常感谢!

    2016-07-21 17:08:56

    共 1 条回复 >

  • qq_自我放逐_0
    2016-07-21 17:05:20

    :nth-child(10)  表示第10个子元素,从1开始索引。:eq(10)表示第11个子元素,从0开始索引

    慕粉1516...

    你理解错了,nth-child(10),是表示子元素里的第十一个,因为dd的子元素第一个是<p>所以到a的时候,第十个刚好对应上了索引10; dd:eq(10)表示第11个dd元素,明显没有嘛

    2016-09-01 15:09:47

    共 1 条回复 >

  • qq_自我放逐_0
    2016-07-21 17:02:49

    dd标签只有两个。dd列表中的第10个元素表示dd的第十个子元素

jQuery基础 (一)—样式篇

jQuery初入开启样式修炼,体验万能的jQuery样式集搭建网站布局

217509 学习 · 1218 问题

查看课程

相似问题