Question

我在html下面，我想选择每个example1类，以便可以使用jQuery对其进行修改。

<div class="abc">
    <div class="def">
        <div class="pqr" >
            <div class="example1" data-slick-index="0" aria-hidden="false"></div>
            <div class="example1" data-slick-index="1" aria-hidden="false"></div>
            <div class="example1" data-slick-index="2" aria-hidden="false"></div> 
         </div>
    </div>
</div>

谁能建议我该怎么做？

通过:first和:last可以选择第一个和最后一个元素，但是应该如何选择第二个元素？

Answer 1

您可以使用nth-child。在您的情况下，选择第二个：

$(".example1:nth-child(2)");

这可以用于任何孩子，但是您需要记住它是1索引的，所以不要从0开始计数。

Answer 2

$(document).ready(function(){
      $(".example1:nth-child(2)") //this is how you would go about typing out the selector for this instance.
};

有关更多信息，请参见jQuery Nth-Child

通过jQuery选择第二类元素

2 个答案: