是否有JQuery事件来确定元素的子元素列表何时更改？

Question

我希望能够找到一个JQuery事件，它会告诉我元素集合在添加/删除子元素之后何时增长或缩小。

Answer 1

您可以先计算子元素，然后使用条件语句检查计数是否更改。

<div> 
    <span></span> 
    <span></span> 
    <span></span> 
    <span></span> 
    <span></span> 
</div> 

alert($('div').children().length); 

Answer 2

你在找什么是DOMNodeInserted和DOMNodeRemoved事件。

例如，您绑定到一个列表的DOMNodeInserted事件之后：

$('ol').bind('DOMNodeInserted', function() { 
    alert('node inserted'); 
}); 

，然后另一个列表项被插入：

$('ol').append('<li>x</li>'); 

的事件。