2013-07-22 23 views
0

我有多個li元素,我希望toggleFade只發生在我懸停的li上。目前下面的代碼將針對所有這些代碼。使用jQuery的'this'來定位li條目中的1

我知道我需要在某處添加'this',但是我嘗試過的所有東西都不起作用。

這裏是我的問題的jQuery代碼:

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

謝謝你,傑克

+1

嘗試這種情況:$( 'li.featuredItem')懸停(函數(){$ (本).fadeToggle( '400'); });。 –

回答

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

謝謝,這是一個工作 –

2

使用$(this),這referes到目前element,裹在jQuery object

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

稍有改進:'this'指的是當前元素('$(this)'指的是包含在jQuery對象中的當前元素) –

+0

@RussCam哎呀,說真的我錯過了。謝謝:) –

+0

因爲我有另一個元素隱藏,我需要將鼠標懸停在下面的元素上(即將鼠標懸停在li上,然後淡入淡出下一個figcaption)。下面的答案解決了我的問題。感謝您的輸入。 –

相關問題