How can I retrieve the id of element that triggered my function?

Question

I have a function like below;

function myfunction(param1,param2,param3){
  alert(param1);
  alert(param2);
  alert(param3);
  alert(buttonid);//i want to alert mybutton here
}

$('#mybutton').click(function() {
  myfunction("hi","hello","howdy");
});

The function is evoked using a button click event. I want to alert the button's id in the function called. How can I do this?

a possible duplicate of this: http://stackoverflow.com/questions/48239/getting-the-id-of-the-element-that-fired-an-event — Karl, Dec 27 '16 at 07:00

score 1 · Answer 1 · answered Jan 01 '14 at 18:39

The this in your current function is referring to the window object. You want to use the event object (whose target property will refer to the element that triggered the action).

function myfunction(param1,param2,param3){
  alert(param1);
  alert(param2);
  alert(param3);
  alert(event.target.id);
}

Also, I would suggest using the jQuery on listener rather than the click listener. This will make the listener AJAX compatible.

$(document).on("click", "#mybutton", function(){
   myfunction("hi", "hello", "hey"); 
});

where does "event.target.id" comes from in your solution? I guess you are missing the "event" parameter in your function? ... function (event) { myfunction("hi", "hello", "hey", event) } — Karl, Dec 27 '16 at 07:03

score 0 · Answer 2 · answered Dec 27 '16 at 07:00

Try this

function myfunction(param1,param2,param3,buttonid){
  alert(param1);
  alert(param2);
  alert(param3);
  alert(buttonid);//i want to alert mybutton here
}
$(document).ready(function(){
    $('#mybutton').click(function() {
      myfunction("hi","hello","howdy",$(this).attr('id'));
    });
})

How can I retrieve the id of element that triggered my function?

2 Answers2