javascript - Jquery 每个显示它的 div

Question

尝试向 div 添加一些悬停功能，但我似乎遗漏了一些东西。将鼠标悬停在 div 元素上时，会显示它最近的 div，类为 .stat。我可以让悬停状态在每个 div 上工作，但我无法让最近的 div 或任何 div 悬停。

谢谢

代码是:

    $(".stat-button").each(function(i){
$(this).mouseover(function () {
        console.log('hover');
      $(".stat").find(i).show();
}).mouseout(function () {
        $(".stat").find(i).hide();
});
 });

链接到 jsfiddle: https://jsfiddle.net/qo1x03q5/

Answer 1

使用 jQuery siblings() 方法选择 .stat，它是正在悬停的 .stat-button 的同级结束:

$(".stat-button").mouseover(function () {
    console.log('hover');
    $(this).siblings(".stat").show();
}).mouseout(function () {
    $(this).siblings(".stat").hide();
});

JSFiddle Demo