jQuery-bound event handlers

Question

I want to attach a 'click' event handler to the first child of an element with ID 'foo' using jQuery. I understand that the syntax for doing this is:

$('#foo:first-child').bind('click', function(event) { // I want to access the first child here })

Within the handler body I want to access the element which caused the event to be fired. I've read somewhere that you can't simply refer to it via 'this', so how can I access it?

Owen · Accepted Answer · 2008-10-30 15:41:42Z

2

$(this).doStuff()

answered Oct 30, 2008 at 15:41

Owen

84.8k21 gold badges125 silver badges116 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Svante Svenson · Accepted Answer · 2008-10-30 15:43:53Z

Forget what you read somewhere and go ahead and use the this keyword:

$("#foo:first-child").click(function(event) { $(this).css("background", "pink"); });

Peter Mortensen · Accepted Answer · 2013-09-11 09:47:37Z

Just use "this":

$('#foo:first-child').bind('click', function(event) { alert(this === $('#foo:first-child')); // True this.style.color = "red"; // First child now has red text. })

Collectives™ on Stack Overflow

jQuery-bound event handlers

3 Answers 3

Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Related