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);" />

显示已单击图像的ID

3 个答案: