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

Question

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

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

我已经离开了这个link，但是不是只有按钮点击事件被触发整个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();
});