how to access the id of any button on click?

Question

I have a button as such whose id I am not aware of

and now I want to get the id of this button on click

    ("//what to write here").click(){
      console.log($(this).id);//something like this i want
     }

but the problem with using class selector is that I have multiple buttons which so it will select all of them and not just the one which is clicked.

user_9043355 · Answer

You can do it like this. I commented the code for the syntax

$("button.mybtn").on("click", function() {
  console.log($(this).attr("id")); // return blank when no id
  console.log(this.id); // return undefined when no id
})

user_3558931 · Answer

The event handler below is attached to all buttons (elements) with the class .btn but since you can only click one button at a time, you will only see one id per click - the id of the button clicked:

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

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

how to access the id of any button on click?

2 Answers