Question

48

How to detect element being added/removed from dom element?

rated 0 times [ 49] [ 1] / answers: 1 / hits: 78227 / 11 Years ago, fri, november 22, 2013, 12:00:00

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?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

eddiejoshb

Add To Favorites

Follow

Total Points: 659

Total Questions: 105

Total Answers: 100

Location: Singapore

Member since Sat, Jul 25, 2020

4 Years ago

answered 11 Years ago sonja · Accepted Answer

Use Mutation Observers as suggested by @Qantas in his answer

Following methods are deprecated

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