我怎樣才能針對第二個元素的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和。主動

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

之間移除空間，然後他們都做工精細

看到我的代碼：https://codepen.io/miladfm/pen/jwBpZo