jQuery: Come posso rilevare se l'html è cambiato all'interno di un dato elemento?

Question

In javascript, probabilmente usando jQuery, come posso rilevare se il contenuto html di un dato elemento è cambiato?

mi piacerebbe essere in grado di fare somthing come:

$('#myDiv').change(function(){ 
    // do some stuff 
}); 

sto fondamentalmente cercando di rilevare se determinati elementi vengono aggiunti al div o se il codice HTML interno di determinati elementi (come le etichette) è cambiato e quindi nasconde o mostra il div a seconda del contenuto.

Qualsiasi idea alternativa su come ottenere smt come questo è anche apprezzata.

Spero di non dover tornare a qualche plugin oscuro per farlo!

NOTA: questo deve funzionare almeno in IE8!

Answer 1

È possibile utilizzare l'evento DOM Level 3 DOMNodeInserted. Esempio:

$('#myDiv').bind('DOMNodeInserted', function(e) { 
    console.log('element: ', e.target, ' was inserted); 
}); 

Demo: http://www.jsfiddle.net/vsgdZ/1/

L'evento verrà generato ogni volta che un nuovo nodo è stato aggiunto l'elemento su cui si associa il gestore.