悬停时jquery特定的显示按钮

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

发现会.show_on_hover在徘徊中找到你的div.product.试试这个:

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