How to detect current element id in jQuery?

Question

I have some HTML codes:

<input type="button" id="btn1" class="myButton" value="Button 1"/> <input type="button" id="btn2" class="myButton" value="Button 2"/> 

I need to run a jQuery function whenever user click each button, and I have to do it using their class.

$('.myButton').click(function() {    // do something }); 

But what I should to do, depends on the current element Id.

My question is that how can I detect which element called this function? I need to know its id.

Answer 1

You can use this to access current element and then this.id will give you the id of the current element.

$('.myButton').click(function() {     alert(this.id); });