Как выбрать DIV-ти JQuery внутри другого DIV

Question

поэтому у меня есть этот HTML:

<div> 
<div> 
<a class="member-img" href="#" > 
<img src="image.jpg" alt="member"> 
</a> 
</div>    
<div class="member-bar"> 
</div> 
</div> 

и я стараюсь, чтобы выбрать «член-бар», когда пользователь парит «член-IMG»

$('.member-img').hover(function(){ $(this).closest(".member-bar").slideDown() }); 

, но он не работает, любая помощь для этого кода?

Answer 1

member-bar должен быть родителем member-img, чтобы это сработало. Вы должны сначала найти родитель, а затем найти member-bar как собрат:

$(".member-img").hover(function() { 
    $(this).parent().next(".member-bar").slideDown(); 
}); 

Вот fiddle для приведенной выше коды