Mouseenter不能使用div jquery

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(); 
});