Javascript 鼠标上方显示删除按钮，删除后删除li或div

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

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

我已经看过了，但不是只对整个li块触发按钮点击事件。我不想这样，因为将来我会添加更多类似按钮的编辑，垃圾邮件之类的

---

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

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

单词
$（'li'）.mouseover（函数（事件）
{
$（this.find（'img'）.show（）；
});
$（'li'）.mouseout（函数（事件）
{
$（this.find（'img'）.hide（）；
});

我非常确定jQuery不会按标记名缓存选择，在这种情况下，

$（'li'）.mouseover（…）.mouseout（…）将更有效。此外，您应该真正使用
$（'li'）。悬停（…）
。我很想知道我的答案有什么问题导致了否决票？单击事件如何？我应该在锚定标记中包含img，如。因为应该只触发按钮点击，而不是整个li元素@贾斯汀：是的，你是对的。我将去悬停。