jquery - 当我将鼠标悬停在我的 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;的后代元素。而不是查看整个文档。