使用jQuery＆＃39;这个＆＃39;定位1个li项目

Question

我有多个li元素，我想要只在我悬停的li上发生toggleFade。目前，下面的代码将针对所有这些代码。

我知道我需要在某处添加'this'，但我尝试的所有内容都不起作用。

这是我冒犯的jQuery代码：

$('li.featuredItem').hover(function() {
    $('li.featuredItem figcaption').fadeToggle('400');
});

谢谢，杰克

Answer 1

使用$(this)，它引用当前element，包含在jQuery object中。

$('li.featuredItem').hover(function() {
    $(this).fadeToggle('400');
});

Answer 2

$('li.featuredItem').hover(function() {
    $(this).find('figcaption').fadeToggle('400');
});