是否有一个JQuery事件来确定元素的子列表何时发生了变化？

Question

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

Answer 1

您正在寻找的是DOMNodeInserted和DOMNodeRemoved事件。

例如，绑定到列表的DOMNodeInserted事件后：

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

然后插入另一个列表项：

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

事件被解雇了。

Answer 2

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

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

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