如何定位第二个元素的子元素 jQuery

Question

如何使用 jQuery:

定位第二个元素的子元素

<div class="item active"></div>
<div class="item active">
    <div class="overlay"></div>
</div>
<div class="item active"></div>
<div class="item active"></div>

我试过这些：

$(".item .active:nth-child(2) .overlay").addClass("test");
$(".item .active:nth-child(2)").find("overlay").addClass("test");

但是 none 有效。

我做错了什么，我该如何定位它？

Answer 1

只需删除 .item 和 .active

之间的 space

$(".item.active:nth-child(2) .overlay").addClass("test");
$(".item.active:nth-child(2)").find("overlay").addClass("test");

那么他们两个都可以正常工作

查看我的代码：https://codepen.io/miladfm/pen/jwBpZo

如何定位第二个元素的子元素 jQuery

How can I target the child of the second element jQuery

jquery

jquery-selectors