在javascript（jQuery）中单击图像映射区域时删除关联图像

我创建了一个简单的“打鼹鼠”游戏，相同的图像在游戏空间中以随机位置和随机时间出现，如果你点击图像它就会消失，没有问题。为了增加游戏难度，我添加了一个图像地图，这样你就必须点击图像的某个部分，现在我不知道如何在点击后删除相关的图像。我在这个网站上读到了很多相关的问题，我发现最接近的问题是，但是它太慢了，只有20%的点击在快速玩游戏

另一种最有效的方法是在图像地图区域添加.on单击。这个方法运行IncrementScore函数很好，但是我可以在下一行使用什么来删除关联的图像呢？我试过至少一百种不同的方法，但没有一种有效。向该区域添加onclick属性的行为相同，并且会增加分数，但在删除基础图像时仍然存在相同的问题

我唯一能看到图像的地方是offsetParent，但游戏空间中的所有图像都在那里，而不仅仅是我想删除的图像，所以我不知道如何选择正确的图像。在阅读了一些相关问题的答案后，我开始认为这对于一个游戏来说是不够快的，而我花了几个小时徒劳地尝试不同的东西只会增加我的怀疑，但我在这里创建了一个帐户，我发布了我的第一个问题，以确定它是否可以完成。相关代码如下。谢谢

$document.readyfunction{ $'molemap'。单击，函数E{ incrementScore；//这非常有效 $this.I.have.thread.数百.of.things.here；//我想不出来 }; }; 函数addMole{ $‘游戏空间’。追加； }

---

您需要为每个图像创建不同的贴图，否则您将无法分辨单击了哪个图像

此标记将数据摩尔属性指定给该区域，因此您可以在单击时将其与匹配图像关联：

<!-- map for mole 1 -->
<map name="mm1">
  <area shape="rect" data-mole="1" coords="20, 20, 60, 60" href="#" />
</map>
<!-- image for mole 1 -->
<img id="mole1" src="your/mole/img.png" usemap="#mm1"
  style="left: 10px; top: 20px;" />

游戏空间{ 背景颜色：绿色； 宽度：400px； 高度：180像素； } img{ 高度：80px； 宽度：80px； 位置：绝对位置； }

---

它似乎确认了您不能从图像映射区域上的单击事件向后操作到关联图像本身。不过不用担心，Terrymorse将地图与图像关联起来的解决方案在全速游戏中完美运行。当我添加图像时，我只是动态地添加了图像地图，并在每个图像进入时增加了地图名称、数据摩尔和usemap属性，Terry的点击代码完成了删除它们的繁重工作。非常感谢你！很高兴我能帮忙。顺便说一句，我更新了下面的JS代码以删除和元素。这将防止DOM积累僵尸元素。