所以我有这个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() });
但它似乎不起作用,对此代码有任何帮助吗?
答案 0 :(得分:1)
member-bar
需要成为member-img
的父级才能使其生效。您需要先找到父级,然后找到member-bar
作为兄弟姐妹:
$(".member-img").hover(function() {
$(this).parent().next(".member-bar").slideDown();
});
以上是代码
的fiddle