jQuery find ID of clicked button by class

Question

I have numerous buttons on my page with the same class names. However these buttons have different ID's. How do i do this:

$(".vote").click(function(){
     var id = $(this).{ID OF CLICKED BUTTON};
});

How can i make this pseudo code work?

Thanks

Answer 1

Use this code

$(document).on('click','.vote',(event)=>{
     var id = $(event.target).attr('id');
})

M sure you never face any problem with this solution in any situation.

Answer 2

With jQuery object (not necessary)

$(".vote").click(function(){
  var id = $(this).attr('id');
});

Without jQuery object (faster)

$(".vote").click(function(){
  var id = this.id;
});

Answer 3

You might want to look into this:

$("input").click(function (event) {
               try {
                   var urlid = $(this).attr('id')
                   var isclass = $(this).attr('class')
                   if (isclass == "classname") {
                        alert(urlid);

                       event.preventDefault();
                   }
               }
               catch (err) {
                   alert(err);
               }
           });

Answer 4

$(".vote").click(function(){
     var id = this.id;
});

The ID is accessible directly from the element. There's absolutely no need to use a jQuery method.

Answer 5

Using attr:

var id = $(this).attr('id');

.attr allows you to get html tag attributes by name.

Answer 6

You could use

var id = $(this).attr('id');