事件，当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>"); 
});