在鼠标悬停时显示删除按钮，删除后删除 li 或 div答案

【问题标题】：Show delete button on mouseover and after delete remove li or div在鼠标悬停时显示删除按钮，删除后删除 li 或 div
【发布时间】：2010-12-30 09:57:32
【问题描述】：

在 php 代码中，一些英文单词从数据库（postgres）中填充并放入 li。我需要的是每个 li 应该有在加载过程中隐藏的删除按钮。当鼠标悬停时，该图像应该可见。

之后，将使用ajax在数据库端执行删除操作，并删除li。（没问题，因为我已经编码了）。

我通过了这个link，但不是只为整个 li 块触发按钮单击事件。我不想要这个，因为将来我会添加更多按钮，比如编辑，这样的垃圾邮件。

当您将鼠标悬停在您所做的评论上时可以看到相同的内容，并且删除图标将出现在 stackoverflow 中。

【问题讨论】：

标签： javascript button mouseover

【解决方案1】：

jQuery 将拯救你的一天。

<li>words <img src="delete.jpg" style="display:none;"/></li>

$('li').mouseover(function(event)
{
   $(this).find('img').show();
});

$('li').mouseout(function(event)
{
   $(this).find('img').hide();
});

【讨论】：

我很确定 jQuery 不会按标签名称缓存选择，在这种情况下，$('li').mouseover(...).mouseout(...); 的性能会更高。此外，你真的应该使用$('li').hover(...)。
我很想知道我的回答有什么问题导致投票失败？
点击事件怎么样，我应该在。因为应该只触发按钮单击而不是整个 li 元素。 @justin 是的，你是对的。将悬停。