显示单击的图像的 ID

Question

我的 HTML 是这样的：

    <img src="/path" id="img_1">
    <img src="/path" id="img_2">
    <img src="/path" id="img_3">
    <img src="/path" id="img_4">

我想提醒被点击的按钮的 id。

我怎样才能做到这一点？

Answer 1

$('img').click(function(){
   alert(this.id);
}); //try that :-)

DEMO

或者更“动态的版本”（如果您通过以下方式添加图像） ajax 或其他一些实现）：

$('img').live('click', function(){
   alert(this.id);
}); //try that :-)

Answer 2

$("img").click(function() {
  alert($(this).attr("id"));
});

Answer 3

使用 jQuery：

$('img').click(function() {
   alert($(this).attr('id'));
});

或纯 JS：

function handleClick(sender) {
   alert(sender.id);
}

<img src="/path" id="img_1" onclick="handleClick(this);" />
<img src="/path" id="img_2" onclick="handleClick(this);" />
<img src="/path" id="img_3" onclick="handleClick(this);" />
<img src="/path" id="img_4" onclick="handleClick(this);" />