表示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や他のいくつかの実装で画像を追加する場合）：

jQueryを使って

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

Answer 2

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

Answer 3

：

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