悬停时特定于 jquery 的显示按钮答案

【问题标题】：jquery specific show buttons on hover悬停时特定于 jquery 的显示按钮
【发布时间】：2010-05-29 05:04:21
【问题描述】：

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

每个 div 都有“产品”类

看起来像

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

所以每页大约有 12 个相同的 div。

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

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

到目前为止，这就是我所拥有的，但它会在页面上显示所有 .show_on_hovers，所以我想知道如何仅获取您已将鼠标悬停的特定显示。当您将鼠标悬停在任何 cmets 上时，会在 youtube 上看到这种效果，并且会弹出一些评论工具。

谢谢！

【问题讨论】：

标签： javascript jquery hover

【解决方案1】：

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

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

【讨论】：

是的，我在发布后就知道了，呵呵。不过谢谢！最后一部分应该是 $(this).find('.show_on_hover').hide();否则产品开始消失。 :)

【解决方案2】：

试试 $('.show_on_hover', this).show()/.hide()

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

【讨论】：