如何检测添加/删除DOM元素的元素？ [英] How to detect element being added/removed from dom element?

问题描述

假设我有 div＃parent 和I append 和 remove 元素给它使用jquery。如何在 div＃parent 元素发生此类事件时检测到这种情况？

Say I had a div#parent and I append and remove elements to it using jquery. How would I be able to detect when such an event happens on the div#parent element?

推荐答案

使用 突变观察员 ，建议由@Qantas在他的回答

您可以使用 DOMNodeInserted 和 DOMNodeRemoved

You can use DOMNodeInserted and DOMNodeRemoved

$("#parent").on('DOMNodeInserted', function(e) {
    console.log(e.target, ' was inserted');
});

$("#parent").on('DOMNodeRemoved', function(e) {
    console.log(e.target, ' was removed');
});

MDN Docs

这篇关于如何检测添加/删除DOM元素的元素？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！