JS / JQuery：检测何时将子元素添加到父元素

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的人，他已经回答了这个问题