为什么这两种写法的效果是不一样的,求解。
首先这是正确的写法:
<script type="text/javascript">
//不分男女,选中第一类衣服中第9个a元素,并改变颜色
//这里用了nth-child 选择的他们所有父元素的第n个子元素
$(".tag dd>a:nth-child(10)").css('color','#66CD00');
</script>
这种写法成功选择到了“吊带背心”和“嘻哈裤”两个。
然后就是另一种写法:
<script type="text/javascript">
//不分男女,选中第一类衣服中第9个a元素,并改变颜色
//这里用了nth-child 选择的他们所有父元素的第n个子元素
$(".tag dd>a:eq(8)").css('color','#66CD00');
</script>
使用了这种写法之后,类tag下的标签元素dd下的子元素标签a元素的第9个元素标签,
运行之后只选中了“吊带背心”,“嘻哈裤”没有被选中,求解。