DOMSubtreeModified - 检查容器中的第一项是否已更改

Question

我正在尝试监听容器内的更改，我们假设.container

<div class="container">
  <div class="item"></div>
  <div class="item"></div>
  <div class="item"></div>
</div>

每个项目都有各种角度js属性，数据属性等，它们会变得很安静，以及它们中的文本：

$('.container').bind("DOMSubtreeModified", function() {
    console.log("change");
});

打印出大量“更改”文字。我想减少这个，同时我只需要检查容器内的第一个项目是否发生了变化，因此我怎么才能检查这个？

Answer 1

您应该过滤掉事件目标，例如：

$('.container').on("DOMSubtreeModified", function (e) {
    if($(e.target).is('.item:first-child')) { 
        console.log(e.target);
    }
});