jquery - 画像マップ: クリックして画面にテキストをエコー/印刷します

Question

イメージ マップの一部をクリックして、ページのどこかにあるそのタグの値altまたはtitle値などのテキストを印刷することはできますか?<area>

jQueryでこれを行うことはできますか? 私は見てきましたが、そうするのに苦労しています（jQueryで非常に錆びており、その上に初心者です）。少しコードをいじってみましたが、取得できるのは静的データのみです。

ありがとう。

編集: これは、クリック可能な 30 の一意のサイズと形状の「領域」を持つ 1 つの大きな画像です。

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>