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