javascript - jQuery:如何检测给定元素中的 html 是否已更改？

Question

在 javascript 中，可能使用 jQuery，我如何检测给定元素的 html 内容是否已更改？

我希望能够做类似的事情:

$('#myDiv').change(function(){
  // do some stuff
});

我基本上是在尝试检测给定元素是否被添加到 div 中，或者给定元素(例如标签)的内部 html 是否已更改，然后根据内容隐藏或显示 div。

任何关于如何实现这样的 smt 的替代想法也很受欢迎。

我希望我不必恢复到一些不起眼的插件来执行此操作!

注意:这至少需要在 IE8 中工作!

Answer 1

您可以使用 DOM Level 3 事件 DOMNodeInserted。示例:

$('#myDiv').bind('DOMNodeInserted', function(e) {
    console.log('element: ', e.target, ' was inserted');
});

演示:http://www.jsfiddle.net/vsgdZ/1/

只要将新节点附加到您绑定(bind)处理程序的元素，就会触发该事件。