每次在页面上更改内容时，控制台都会获取.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