CODEWITHSUNDEEP
jquerylive
doctororange
doctororange

Reputation: 11810

How do I use jQuery .live to call a method on an element when it is created?

I have a page with some inputs of the class 'foobar', and I call a method on each of them.

$("input.foobar").css('color', 'red');

and I am adding more .foobar inputs to the page with javascript.

How can I use jQuery live (or any other method), to watch the page for the creation of new elements that match "input.foobar" and perform my css call on them as soon as they are added to the DOM?

I am confused because live seems to work by adding an event handler, but I do not know how to describe the element creation event.

Thanks.

Upvotes: 3

Views: 265

Answers (3)

rahul
rahul

Reputation: 187060

See Mutation event types. I am not sure about the support in various browsers.

DOM Mutation Events

Upvotes: 0

Dee
Dee

Reputation: 1403

See this thread.It will give you some idea.

Jquery Click event of <a> tag added at run time doesn't get fired

Upvotes: 0

Mike Sherov
Mike Sherov

Reputation: 13427

the livequery plugin was made to do this specifically: http://docs.jquery.com/Plugins/livequery

Upvotes: 1

Related Questions