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

Question

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

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

我浏览了这个 链接，但不仅仅是按钮单击事件整个 li 块被触发。我不想要这个，因为将来我会添加更多按钮，如编辑、垃圾邮件之类的。

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

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