Question

我有一个应用程序通过循环创建一堆div。

每个div都有“产品”类

所以它看起来像

<div class="product">
       !.....stuff here ....!
       <div class="show_on_hover">...buttons here... </div>
</div>

因此每页大约有12个相同的div。

我想将鼠标悬停在特定的一个上，并显示特定的“show_on_hover”div，该div最初设置为display：none。

$('.product').hover(function() {
    $(.show_on_hover).show();
    },
    function () {
        $(.show_on_hover).hide();
    }
);

这就是我到目前为止所得到的内容，但它会在页面上显示所有.show_on_hovers，所以我想知道如何只获得你已经过去展示的具体内容。当鼠标悬停在任何评论上时，会在youtube上看到此效果，并弹出一些评论工具。

谢谢！

Answer 1

find会在悬停的.show_on_hover内找到您的.product div。试试这个：

$('.product').hover(function() {
        $(this).find('.show_on_hover').show();
    },
    function () {
        $(this).find('.show_on_hover').hide();
    }
);

Answer 2

尝试 $（'。show_on_hover'，this）.show（）/。hide（）

将第二个参数添加到jQuery函数会将搜索限制在该元素内。在这种情况下，这将是单击的div。

悬停时jquery特定的显示按钮

2 个答案: