如何從另一個div內部選擇div和jquery

Question

所以我有這個HTML：

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

當用戶將鼠標懸停在“ member-img”上時，我嘗試選擇“ member-bar”

 $('.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();
});

這是上面代碼的小提琴