jquery - 选择带有悬停的jquery子项

Question

我有以下（损坏的）代码：

 $(".old_post").hover(function(){
    $(this > ".post_right_nav").show();

post_right_nav 是一个 div（包含其他 div），其中包含一些供用户按下的控件。我只想在用户将鼠标悬停在帖子上时显示这些控件。如何正确选择每个帖子的子元素？

Answer 1

可以使用上下文，下面是说：在this的上下文中搜索具有class='post-right-nav'的元素

$(".old_post").hover(function(){
    $(".post_right_nav", this).show();
...

这将使您获得所有后代，如果您只想要孩子，您可以执行以下操作

$(".old_post").hover(function(){
    $(this).children(".post_right_nav").show();
...

我找到了一篇快速文章，介绍了 jQuery 选择器中上下文的使用

http://beardscratchers.com/journal/jquery-its-all-about-context