如何从另一个div中选择带有jquery的div

时间:2013-07-21 14:04:24

标签: javascript jquery html dom

所以我有这个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() });

但它似乎不起作用,对此代码有任何帮助吗?

1 个答案:

答案 0 :(得分:1)

member-bar需要成为member-img的父级才能使其生效。您需要先找到父级,然后找到member-bar作为兄弟姐妹:

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

以上是代码

fiddle