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

Question

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

例如

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

感谢您！

标签： javascriptjquery

Answer 1

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

演示

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

归功于ThinkingStiff，他已经回答了这个问题