浏览器Javascript中的观察者模式：订阅事件“添加了Dom元素”并处理该元素

Question

I have a query:

$(function() {
    $('form').each(function() {
      // do smthing with form
    });
});

Forms may appear dynamically, ie built by javascript. I need to handle them just after load, smth like:

$('form').onload(function() {
   // it's called after new form was added to dom
});

I thought about using setInterval , but maybe HTML5 or new ES standards brought smth new...

Does anybody help to compose on load callback with aforementioned characteristics?

PS To clarify the purpose: I need to attach event handler to event "element was added to dom".

Answer 1

Wrap it in a function

$(function() {
    function modForm() {
    $('form').each(function() {
      // do smthing with form
    });
    }
   modForm();
  $('a').click(function(){
    //add form dynamically
    $('body').append('<form>');
    //call the function agan
     modForm();
  });
});

Answer 2

Actually there was an event which is deprecated by now called "DOMNodeInserted", it would be wise to use delegated events . with delegated events you can handle events on new elements that are dynamically add to DOM.