jQuery-DOM元素已删除，但子元素计数仍然相同

我有一个基本的jquery脚本，可以检测元素删除并计算其子元素。但是，尽管删除了元素，但子元素计数没有更改

这是我的HTML脚本

<div>
  <p>Test 1</p>
  <p>Test 2</p>
  <p id="p3">Test 3</p>
</div>
<input type=submit value='Remove Test 3' id=submit-btn />

---

请参阅：

我将监听

domsubtreemedited

事件。使用

DOMNodeRemoved

时，似乎需要某种类型的延迟才能报告正确的计数。这里有一个更新的fiddle:

为了补充这一点，这是因为

DOMNodeRemoved

是“在从树中删除节点之前调度的”。资料来源：

   $('#submit-btn').click(function()
   {
        $('#p3').remove();
   });

   $("div").on('DOMNodeRemoved', function () {
        //confirm the element removal
        console.log("removed");

        //get child element count
        console.log(this.childElementCount);
    });