一家之煮
2017-01-11 11:38
//不分男女,选中第一类衣服中第9个a元素,并改变颜色 //这里用了nth-child 选择的他们所有父元素的第n个子元素 $(".tag a:nth-child(10)").css('color','#66CD00');
<div class="tag" style="display:block"> <dl> <dd id="dd1"> <p id="p1">第一类</p> <a>1.衬衫</a> <a>2.T恤</a> <a>3.牛仔裤</a> <a>4.休闲裤</a> <a>5.短裤</a> <a>6.针织衫</a> <a>7.西服</a> <a>8.西裤</a> <a>9.嘻哈裤</a> <a>10.西服套装</a> <a>11.马甲/背心</a> <a name="setColor">12.羽绒服</a> <a>13.棉服</a> <a>14.夹克</a> <p>更多</p> </dd> </dl> </div>
为什么取10啊 不应该是9吗
因为:nth-child(n)是选择他们所有父类的第n个元素,这里a:nth-child(10)的父类是dd,p也是a父类dd的一个子类,所以是10而不是9
效果一样,规范而已。
不是,p是a父节点的子节点,要算上。
jQuery基础 (一)—样式篇
217509 学习 · 1218 问题
相似问题