шаблон Observer в браузере-JavaScript: подписаться на событие «Дом элемент добавлен» и обрабатывать этот элемент

Question

У меня есть запрос:

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

Формы могут отображаться динамически, то есть построенный JavaScript. Мне нужно обрабатывать их сразу после нагрузки, как чему-л:

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

Я думал об использовании setInterval, но, может быть, стандарты HTML5 и новый ES принесли новые ... чего-л

Помогают ли кто-нибудь сочинить от нагрузки обратного вызова с вышеупомянутыми характеристиками?

P.S. Чтобы прояснить цель: мне нужно привязать обработчик событий к событию «элемент был добавлен в dom».

Answer 1

На самом деле произошло событие, которое является устаревшим теперь называется «DOMNodeInserted», было бы разумно использовать delegated events. с делегированными событиями вы можете обрабатывать события на новых элементах, которые динамически добавляют к DOM.

Answer 2

Заверните его в функции

$(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(); 
    }); 
});