Question

我有这个div，当鼠标进入它时，我希望它本身显示一个按钮。例如，这里是div的代码：

<div id="menuitem1" style="height: 50px;" class="menuitem">
    <input type="button" class="menuclear" value="Clear" style="margin-left: 10px; display: none;"/>
</div>

这是jquery代码：

$(".menuitem").mouseenter(function() {
$(this).next(".menuclear").show();
});

但此代码不起作用。我尝试过鼠标悬停但仍然没有。当鼠标进入div时，如何更改代码以使其显示按钮？重要的是要注意我不能给这些项目特定的id，因为有大约30个其他div和按钮具有这些相同的类。

Answer 1

next获得下一个兄弟姐妹。在这种情况下，.menuclear不是兄弟姐妹，而是孩子。请改用find或children：

$(".menuitem").mouseenter(function() {
    $(this).find(".menuclear").show();
});

Answer 2

我认为你的代码有效，只是下一个函数是错误的（它会在元素之后得到兄弟姐妹，并检查它们是否为给定的类）。

$(".menuitem").mouseenter(function() {
   $(this).find(".menuclear").show();
});

Mouseenter无法使用div jquery

2 个答案: