javascript - 如何从 HTML5 地图中删除一个区域？

Question

我试图从 HTML5 地图中删除一个区域元素，有我的代码：

var target = $(e.target);
var targetId = target.attr('id');
$(targetId).remove();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<map name="diffmap" id="diffmap">
	<area shape="circle" id="area1" coords="15,456,33">
	<area shape="circle" id="area2" coords="123,456,33">
	<area shape="circle" id="area3" coords="158,456,33">
	<area shape="circle" id="area4" coords="1288,456,33">
</map>

它没有删除该区域，可能是什么问题？

编辑： 我解决了这个问题，我在这里做什么：

$(target).remove();

代替

$(targetId).remove();

标签： javascript

Answer 1

$("#diffmap").click(function(event) {
  var target = $(event.target);
  var targetId = target.attr('id');
  console.log("Removing "+targetId);
  $(target).remove();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<img src="https://img.purch.com/w/660/aHR0cDovL3d3dy5zcGFjZS5jb20vaW1hZ2VzL2kvMDAwLzA2Ny8xNTkvb3JpZ2luYWwvcGxhbmV0MTAuanBn" width="250" height="250" alt="Planets" usemap="#diffmap">

<map name="diffmap" id="diffmap">
	<area shape="circle" id="area5" coords="0,0,100">
  <area shape="circle" id="area1" coords="15,456,33">
	<area shape="circle" id="area2" coords="123,456,33">
	<area shape="circle" id="area3" coords="158,456,33">
	<area shape="circle" id="area4" coords="1288,456,33">
</map>

<div id="log"></div>