Показать идентификатор для изображения нажал

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">

Я хочу предупредить идентификатор кнопки, на которую нажали.

Как мне это сделать?

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