jQuery watch div

Question

如果div中的内容发生变化，有什么办法可以观看？假设我有：<div id="hello"><p>Some content here</p></div>5秒后的某个时间变为：<div id="hello"><ul><li>This is totally different!</li></ul></div>如何通过回调或其他方式通知我？在大多数情况下，我可以得到正在执行插入操作的JavaScript。但是我想知道是否有可能。

Answer 1

没有原生的jQuery / DOM事件会在HTML / DOM内容更改时触发。

您可以（如果您感到特别浪费）执行以下操作：

$(function() {

  var $div = $("#hello");

  var html = $div.html();

  var checking = setInterval(function() {

    var newhtml = $div.html();

    if (html != newhtml) {

      myCallback();

      html = newhtml;

    }

  },100);

  function myCallback() {

    alert('content changed!');

    // if you only want it to fire once, uncomment the following:

    // clearInterval(checking);

  }

});

请记住，.html()每100毫秒调用一次可能不是提高网站性能的最佳方法。