JQuery Show Class 关于悬停问题

Question

我试图让一个 div 在链接悬停时显示。

也会有多个类，因此只应显示最近的类。

这就是我正在尝试的:

$(".box").hover(function() {
    $('.overlay').closest.show();
});

<div class="event" id="selector">                                       
    <a class="box" href="#" title="">Event</a>      
    <div class="overlayOuter">    
        <div class="overlayInner"></div>    
    </div>    
    <div class="overlay" style="display:none;"> I will come out when class Box is covered 
    </div>    
</div>  

当我将鼠标悬停在 class="box" 上时，会显示 class="overlay"。

问题是 Overlay 没有出现，所以我猜我的 jquery 是错误的？

我怎样才能让它发挥作用？

Answer 1

试试这个，overlay不是父级，它是同级，closest()获取最近的父级

   $(this).siblings('.overlay').show();