一个关于 img map area的问题

Question

我现在有3个图片 调用同一个 map 代码如下：
<img src="numberbtn.gif" usemap="#numberMap" id="img1" />
<img src="numberbtn.gif" usemap="#numberMap" id="img2" />
<img src="numberbtn.gif" usemap="#numberMap" id="img3" /> <map id="numberMap">
<area shape="rect" coords="0,0,9,7" alt="+" href="#1" onclick="aa();" />
<area shape="rect" coords="0,10,9,17" alt="-" href="#1" onclick="bb();" />
</map>
<script type="text/javascript">
function aa(){}
function bb(){}
</script>
我的目标是要在 aa bb function 里取到用户点击的图片对象， 求各位兄弟给个代码，解决一下，小弟先谢过了，在线等，解决立刻给分

Answer 1

$("img").click(function(){ 
alert(this.id);//this指向被点击的那个图片
});

Answer 2

那我在area的点击事件里怎么取？

Answer 3

LZ可以将图片与MAP建立一一对应关系<img src="numberbtn.gif" usemap="#numberMap1" id="img1" />
    <map id="numberMap1">
        <area shape="rect" coords="0,0,9,7" alt="+" href="#1" onclick="aa('img1');" />
        <area shape="rect" coords="0,10,9,17" alt="-" href="#1" onclick="bb('img1');" />
    </map>
<img src="numberbtn.gif" usemap="#numberMap2" id="img2" />
    <map id="numberMap2">
        <area shape="rect" coords="0,0,9,7" alt="+" href="#1" onclick="aa('img2');" />
        <area shape="rect" coords="0,10,9,17" alt="-" href="#1" onclick="bb('img2');" />
    </map>
<img src="numberbtn.gif" usemap="#numberMap3" id="img3" />
    <map id="numberMap3">
        <area shape="rect" coords="0,0,9,7" alt="+" href="#1" onclick="aa('img3');" />
        <area shape="rect" coords="0,10,9,17" alt="-" href="#1" onclick="bb('img3');" />
    </map>
<script type="text/javascript">
function aa(id){}
function bb(id){}
</script>

Answer 4

我就是为了避免这种状况才定义一个map的，因为无法预计页面上会有多少个这样的img

Answer 5

我有个办法，比较麻烦，就是通过event获取点击的坐标，然后在判断在哪个图片内PS：其实有多个图片也无所谓呀，生成图片的同时，顺带生成一个MAP，也是可以实现的嘛