javascript - 如何在父级的内部 div 上使用“this”

Question

我有一个快速的网络程序，当您将鼠标悬停在另一个图像上时，会在下面弹出一个小框。

我设置了一个快速功能，如下所示：

$('.indArtistBox').hover(function(){
    $('.description').show();
});

这个问题是我想要一些如何合并this，因为我只希望描述显示在.indArtistBox被悬停的那个上。

我试过$(this).('.description')了，但这显然没有用。我将如何做到这一点？

Answer 1

使用find.

$(this).find(".classOfYourSubObject")./* ... */

Answer 2

您可以设置this为选择器的上下文：

$('.description', this).show();

这在内部是用 jQuery 的.find()方法实现的，所以它等价于：

$(this).find('.description').show();

如果.description'是 的直接子级.indArtistBox，在大多数浏览器中使用 jQuery 的方法似乎更快，.children()因为该方法仅在 DOM 树中向下移动一层。

$(this).children('.description').show();