jQuery相关问题

来源:2-16 综合案例

一家之煮

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吗

写回答 关注

3回答

  • fulcrum_逸凡
    2017-01-11 11:52:15
    已采纳

    因为:nth-child(n)是选择他们所有父类的第n个元素,这里a:nth-child(10)的父类是dd,p也是a父类dd的一个子类,所以是10而不是9

    一家之煮

    非常感谢!

    2017-01-17 16:06:57

    共 2 条回复 >

  • fulcrum_逸凡
    2017-01-17 15:55:57

    效果一样,规范而已。

    一家之煮

    O(∩_∩)O谢谢

    2017-01-17 16:07:23

    共 1 条回复 >

  • fulcrum_逸凡
    2017-01-17 15:30:57

    不是,p是a父节点的子节点,要算上。

    共 1 条回复 >

jQuery基础 (一)—样式篇

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

217509 学习 · 1218 问题

查看课程

相似问题