jquery得到最近的父

时间:2011-11-17 13:51:58

标签: javascript jquery dom

  

可能重复:
  nearest ancestor node in jQuery

HTML:

<div class="post">
    <h2><a href="#" title="">Pellentesque</a></h2>
    <p><a href="#" title="" class="more">More</a></p>
</div>

的jQuery

$('.more').bind("hover", function(){
    $(this).parent('.post').hide() ;                      
});

悬停(.more)我想隐藏帖子,但它什么也没做 如果我使用parents()而不是删除页面上的所有.posts

任何帮助表示赞赏

2 个答案:

答案 0 :(得分:10)

尝试

$('.more').bind('hover',function()
{
    $(this).closest('.post').hide();
});

here是单班的工作演示 here是包含多个类的演示。

答案 1 :(得分:6)

使用jQuery.closest:http://api.jquery.com/closest/