我有多個li元素,我希望toggleFade只發生在我懸停的li上。目前下面的代碼將針對所有這些代碼。使用jQuery的'this'來定位li條目中的1
我知道我需要在某處添加'this',但是我嘗試過的所有東西都不起作用。
這裏是我的問題的jQuery代碼:
$('li.featuredItem').hover(function() {
$('li.featuredItem figcaption').fadeToggle('400');
});
謝謝你,傑克
我有多個li元素,我希望toggleFade只發生在我懸停的li上。目前下面的代碼將針對所有這些代碼。使用jQuery的'this'來定位li條目中的1
我知道我需要在某處添加'this',但是我嘗試過的所有東西都不起作用。
這裏是我的問題的jQuery代碼:
$('li.featuredItem').hover(function() {
$('li.featuredItem figcaption').fadeToggle('400');
});
謝謝你,傑克
$('li.featuredItem').hover(function() {
$(this).find('figcaption').fadeToggle('400');
});
謝謝,這是一個工作 –
使用$(this)
,這referes到目前element
,裹在jQuery object
。
$('li.featuredItem').hover(function() {
$(this).fadeToggle('400');
});
稍有改進:'this'指的是當前元素('$(this)'指的是包含在jQuery對象中的當前元素) –
@RussCam哎呀,說真的我錯過了。謝謝:) –
因爲我有另一個元素隱藏,我需要將鼠標懸停在下面的元素上(即將鼠標懸停在li上,然後淡入淡出下一個figcaption)。下面的答案解決了我的問題。感謝您的輸入。 –
嘗試這種情況:$( 'li.featuredItem')懸停(函數(){$ (本).fadeToggle( '400'); });。 –