Question

My HTML is like so:

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

I want to alert out the id of the button that was clicked.

How can I accomplish that?

Answer 1

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

DEMO

Or a more ‘dynamic version’ (if you are adding the images by ajax or some other implementation):

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