每當內容發生變化時控制檯獲取.text（）

Question

有一個頁面每次點擊一個按鈕就會改變它的內容（它不會再完全載入一個部分）。每當內容發生變化時，我都想獲得它的內容。當我在JavaScript控制檯上使用此代碼時：

for(var i = 0; i < 10; i++){$(".SentenceContent").text(); $("#NextContent").click();} 

它返回的是NextContent而不是SentenceContent的文本。

所以問題是我怎樣才能每次NextContent點擊時得到SentenceContent的文本？

Answer 1

更改事件將永遠不會觸發該div。相反，你也許能逃脫這樣的：

$('.SentenceContent').bind("DOMSubtreeModified", function(){ 
    var text = $(this).html(); 
    console.log(text); 
}); 

Codepen example