javascript – 悬停时jquery特定的显示按钮

前端之家收集整理的这篇文章主要介绍了javascript – 悬停时jquery特定的显示按钮前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我有一个应用程序通过循环创建一堆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上看到此效果,并弹出一些评论工具.

谢谢!

最佳答案
find会在hovered .product中找到你的.show_on_hover div.试试这个:

$('.product').hover(function() {
        $(this).find('.show_on_hover').show();
    },function () {
        $(this).find('.show_on_hover').hide();
    }
);
原文链接:https://www.f2er.com/jquery/427846.html

猜你在找的jQuery相关文章