jquery - 图像映射：单击以在屏幕上回显/打印文本

Question

是否可以单击图像地图的一部分并打印出一些文本，无论是页面某处的该标签的值还是该alt标签的值？title<area>

我可以通过 jQuery 做到这一点吗？我已经看过并且我正在努力这样做（对jQuery非常生疏，并且是一个新手）。我玩过一些代码，但我设法得到的只是静态数据。

谢谢。

编辑：这是一张大图，有 30 个可点击的大小和形状独特的“区域”。

Answer 1

HTML：

<map name="Map" id="Map">
  <area shape="rect" coords="32,36,222,109" href="#" alt="hi" />
  <area shape="rect" coords="246,45,420,110" href="#" alt="alt" />
  <area shape="rect" coords="456,45,585,111" href="#" />
  <area shape="rect" coords="627,44,768,118" href="#" />
</map>

jQuery：

<script type="text/javascript">
 $(function(){
  $('map area').click(function(){
   alert($(this).attr('alt'));
  });
 });
</script>