事件，当div更改时

Question

我有一些DOM元素，像这样

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

当“父级” div更改时，我如何跟踪事件？ 例如，我使用append()以编程方式添加<div>3</div> ，或者将div3拖动到“父级” div。

Answer 1

<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>");
});

Answer 2

尝试这个：

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