Question

I have several textboxes that are all of the same css class MyClass. I’m creating HTML at runtime. I’m wondering how to detect that a new MyClass textbox was added to the DOM.

I’d like something like this:

$('.MyClass').wascreated(function () {
//do something
});

Thanks for your suggestions.

Answer 1

Livequery seems to do this (I haven’t tested the plugin). I found this on Stackoverflow: Is there a jquery event that fires when a new node is inserted into the dom?

$('.MyClass').livequery(function() {
  alert('.myClass added to dom');
});

If you pass it just a callback function like above, it’ll run for each
new element it finds, both initially and as they’re added.

Livequery can be found here: http://docs.jquery.com/Plugins/livequery