将鼠标悬停在图像上时，如何从页面中删除内容。每条内容都有自己的id

将鼠标悬停在图像上时，从页面中删除内容可以通过以下步骤实现：

1. 使用HTML和CSS：在HTML中，为图像元素添加一个唯一的id属性，例如<img id="image1" src="image.jpg">。然后，在CSS中，使用该id选择器来隐藏图像，例如#image1:hover { display: none; }。这样，当鼠标悬停在图像上时，图像将被隐藏。
2. 使用JavaScript：在HTML中，为图像元素添加一个唯一的id属性，例如<img id="image1" src="image.jpg">。然后，使用JavaScript来监听鼠标悬停事件，并在事件触发时删除图像元素。示例代码如下：

var image = document.getElementById("image1");
image.addEventListener("mouseover", function() {
  image.parentNode.removeChild(image);
});

这段代码首先获取具有id为"image1"的图像元素，然后使用addEventListener方法来监听鼠标悬停事件。当鼠标悬停在图像上时，触发事件处理程序，该处理程序将删除图像元素。

以上是一种基本的实现方法，具体的实现方式可能会根据具体的页面结构和需求而有所不同。