jquery - 简单的 Jquery 悬停问题

Question

我有一些非常简单的jquery，如下所示:

$(".block").hover(function(){
    $(".drag").stop().fadeIn(1000);                
}, function(){
    $(".drag").stop().fadeOut(1000);
});

我有一系列的 div，每个都有一个 block 类。当我将鼠标悬停在 .block 上时，.drag 会淡入所有具有 block 类的 div。我只是希望 .drag 在鼠标悬停的元素上淡入，而不是全部。谢谢!

Answer 1

假设您想要的 .drag 元素是悬停在其上的元素的后代:

$(".block").hover(function(){
    $(this).find(".drag").stop().fadeIn(1000);                
}, function(){
    $(this).find(".drag").stop().fadeOut(1000);
});