事件，當DIV改變

Question

我有一些DOM元素，像這樣

<div class='parent'> 
    <div>1</div> 
    <div>2</div> 
</div> 

如何跟蹤事件，當「父」格有什麼改變？舉例來說，我以編程方式添加<div>3</div>，使用append()，或者我將div3拖到「父」div。

Answer 1

試試這個：

$('.parent').on("DOMNodeInserted", function(){ 
    //your code 
}); 

Answer 2

<div class='parent'> 
    <div>1</div> 
    <div>2</div> 
</div> 
<button id="add">Add to Div</button> 
$(".parent").bind("DOMSubtreeModified", function() { 
    alert("div added"); 
}); 
$("#add").click(function() { 
    $(".parent").append("<div>3</div>"); 
});