How can you refer to an object in jquery that is responsible for triggering the event that calls that function

Question

$(document).ready(function(){
  $("button").click(function(){
    $("p").hide();
  });
});

In the code above I want to call the "button" object and get some attribute values from it inside the function called by clicking the button. How can I do that?

`this` inside the handler is referring to the element clicked: `alert(this.id);` — A. Wolff, Nov 20 '13 at 14:05
Learn [this](http://learn.jquery.com/javascript-101/this-keyword/) — Tushar Gupta - curioustushar, Nov 20 '13 at 14:07
More so `$(this)` than `this` is what they would be looking for. http://stackoverflow.com/questions/1051782/jquery-this-vs-this on stack overflow is also helpful. — buzzsawddog, Nov 20 '13 at 14:08

score 0 · Answer 1 · answered Nov 20 '13 at 14:05

0

try $(this)

$(document).ready(function(){
  $("button").click(function(){
    $(this).val('I WAS CLICKED!');
    $("p").hide();
  });
});

hope that helps.

answered Nov 20 '13 at 14:05

geevee

5,281
5
29
48

`that` may not help but `this` might ;-) – buzzsawddog Nov 20 '13 at 14:10

How can you refer to an object in jquery that is responsible for triggering the event that calls that function

1 Answers1