Jquery 选择当前元素

Question

我的网站上至少有两个“新闻框”，使用的代码如下:

<a class="newsbox" href="#"><span>TITLE</span><div>read more</div></a>
<a class="newsbox" href="#"><span>TITLE</span><div>read more</div></a>

通过这段代码，我隐藏了这个 anchor 标签中的“阅读更多”:

jQuery("a.newsbox div").hide();

效果很好。

现在我想让“阅读更多”仅在当前悬停的新闻框中可见。

我试过使用这段代码:

jQuery("a.newsbox").hover(function() {
    jQuery(this).hover(function() {
        jQuery("div").fadeIn();
    });
});

但这适用于所有“新闻框”类的 anchor 标签。如何选择当前元素并只显示当前悬停元素的“阅读更多”？

Answer 1

尝试这样的事情:

$('a.newsbox').hover( function(){
  $(this).find('div').fadeToggle();
});

通过使用fadeToggle，“阅读更多”也会在鼠标移出时隐藏。