Использование jQuery 'this' для задания 1 элементов li

Question

У меня есть несколько элементов li, и я хочу, чтобы toggleFade произошел только на ли, который я навешиваю. На данный момент приведенный ниже код будет нацелен на всех из них.

Я знаю, что мне нужно добавить «это» где-то там, но все, что я пробовал, не работает.

Вот мой обижая код JQuery:

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

Спасибо, Джек

Answer 1

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

Answer 2

Использование $(this), который referes к текущему element, завернутые в jQuery object.

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