javascript - JS/JQuery : Detect when child element is added to parent

Question

我有父 div，其中子元素是动态添加的，我需要检测何时添加子元素。我听说过变异观察者，它是 DOMSubTreeModified 事件的新版本，但是有更好的选择吗？

例如

$('div').//event = () => {
  //do stuff
}

谢谢你!

Answer 1

在父元素上使用 DOMNodeInserted 并检查添加元素的 event.target.parentNode 。如果它的 id 是父元素，则该元素是直接后代。

Demo

document.getElementById( 'parent' ).addEventListener( 'DOMNodeInserted', function ( event ) {
   if( event.target.parentNode.id === 'parent' ) {
       //direct descendant        
   };
}, false );

信用归ThinkingStiff谁已经回答了这个问题