觀察插入的元素並以編程方式更新值

Question

將元素插入到DOM中。

元素的值不斷更新。

如何使用jQuery觀察這些更新值？

我一直在嘗試用下面的代碼，但它不會對變化作出反應：

$("body").on("change", "#inserted_element", function() { 

}); 

Answer 1

沒有可用於沒有默認的API。至於以下

$("body").on("change", "#inserted_element", function() { 

}); 

是#inserted_element輸入文本/ select？當元素的值被改變時，onchange元素髮生。如果#inserted_element是一個div，那麼它不會工作，因爲inner_html正在改變，而不是值。即使輸入標籤也可能工作

更新#inserted_element值的地方，您可以調用觸發器。

Answer 2

你可以看看MutationObservers並使用它：http://hacks.mozilla.org/2012/05/dom-mutationobserver-reacting-to-dom-changes-without-killing-browser-performance/