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

发布时间:2019-07-11 发布网站:脚本之家
脚本之家收集整理的这篇文章主要介绍了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();
    }
);

总结

以上是脚本之家为你收集整理的javascript – 悬停时jquery特定的显示按钮全部内容,希望文章能够帮你解决javascript – 悬停时jquery特定的显示按钮所遇到的程序开发问题。

如果觉得脚本之家网站内容还不错,欢迎将脚本之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:76874919,请注明来意。

快乐,其实很简单!比如有我~

关注我升职加薪

标签:hover