是否有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>'); 

的事件。