javascript - 悬停 fadeToggle 与多个 div

Question

所以我有一些内部有 img 的 div。在 img 上方是一个隐藏的 div，但会在 img 悬停时出现。我知道如何让它工作，但我希望它更简单，这更多是为了我自己的学习。我希望它像我一样工作，只是更简单、更干净的 jquery/javascript。

$('#img-1').hover(function(){
    $('#overlay-1').stop().fadeToggle(400);
});
$('#img-2').hover(function(){
  $('#overlay-2').stop().fadeToggle(400);
});

这是实际操作:JsFiddle

Answer 1

 $('.img').hover(function(){
    $(this).find('.overlay').stop().fadeToggle(400);
 });

$(this) 关键字是您调用 hover() 的对象。所以我们找到了与类 .overlay 一起悬停的东西的() child