当我将鼠标悬停在我的div上时，我不希望它影响所有具有相同类的div？

Question

当我将鼠标悬停在我的div上时，弹出窗口会像它应该的那样淡入淡出，但它会影响所有其他具有相同类别的div。我只是想让它影响正在徘徊的div。任何帮助，将不胜感激。谢谢！

$(document).ready(function() {
    $(".project").hover(function() {
        $('.caption').fadeToggle(1000);              
    });     
});  

Answer 1

只需提供一个背景信息：

$(".project").hover(function() {
    $(this).find('.caption').fadeToggle(1000);              
});

使用这种方法，jQuery将查看当前的.project元素，并在该元素中查找类caption的后代元素;而不是查看整个文档。