javascript - 使用 jQuery 检测元素内容变化

Question

change() 函数可以工作并检测表单元素的变化，但是有没有办法检测 DOM 元素的内容何时发生变化？

这不起作用，除非 #content 是一个表单元素

$("#content").change( function(){
    // do something
});

我希望在执行以下操作时触发它:

$("#content").html('something');

html() 或 append() 函数也没有回调。

有什么建议吗？

Answer 1

我知道这篇文章已经有一年了，但我想为那些有类似问题的人提供不同的解决方法:

1. jQuery 更改事件仅用于用户输入字段，因为如果有任何其他操作(例如，div)，则该操作来自代码。因此，找到操作发生的位置，然后将您需要的任何内容添加到那里。

2. 但如果由于任何原因(您使用的是复杂的插件或找不到任何“回调”可能性)这不可能实现，那么我建议的 jQuery 方法是:

   一个。对于简单的 DOM 操作，使用 jQuery 链接和遍历，$("#content").html('something').end().find(whatever)....

   如果您想做其他事情，请使用 jQuery 的 bind 与自定义事件和 triggerHandler

   $("#content").html('something').triggerHandler('customAction');
   
   $('#content').unbind().bind('customAction', function(event, data) {
      //Custom-action
   });
   

这是 jQuery 触发器处理程序的链接:http://api.jquery.com/triggerHandler/