如何定位第二个元素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");

但都没有效果。

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

Answer 1

只需删除 .item 和 .active 之间的空格

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

然后他们都工作正常

请参阅我的代码：https://codepen.io/miladfm/pen/jwBpZo