How to get the id of some images with same class name

Question

In html I have some images with same class name but different ids.




..........

If i click an image I want the ID of the image that has been clicked.

I have tried the following by it returns full list of ids:

$(".allBtns").on("click", function(event)
    {
        var ids = $('.allBtns').map(function() {
        return this.id;
        }).get();

        alert(ids);
    })

How do I get the image ID that's been clicked?

user_2224265 · Answer

this refers to the current element clicked.

$(".allBtns").on("click", function(event) {
     alert(this.id); // alert the id of current element
 });

user_3950422 · Answer

One more way is to get the id using event target:

$(document).ready(function(){
  $(".allBtns").on('click', function(e){
    console.log(e.target.id);
  })
})

user_10932391 · Answer

 $('.hello').click(function(){
      var id = $(this).attr('id');
      
     $('.input').val(id);
      
 });

user_9102091 · Answer

$('.allBtns').on('click', function(e){
     console.log(this.id);
     console.log(e.target.id)
})

How to get the id of some images with same class name

4 Answers