javascript - 获取被 jQuery 更改后的 HTML 元素的内容

Question

我有一个div

<div id="test" class="test">From 0 to 0</div>

然后就是替换div内容的函数

function divChange(aArg)
{

var sText = "From" + aArg[0] + "to" + aArg[1];


$("#test").html(sText);
}

而且我无法控制此功能或 html。在使用 javascript 更改 div 后，我能否以某种方式获取它的文本(我在网站上运行 greasemonkey)。需要注意的是div的内容可以和改变前的内容不同也可以相同。

更新:对不起，我忘了提一件事。首先我开始搜索，然后会有一个异步函数运行，在它获取所有数据后(时间取决于它使用的数据库)然后它会调用这个。所以我想要的是在 div 更改后获取数据，而不是在搜索后立即获取数据，否则结果将不正确。

简单的逻辑:1. 我开始调用一个我无法控制的函数2.它将在未知时间运行。3. 完成后，它会调用一个函数来改变一个div的内容。4.我想捕捉此刻的内容。

Answer 1

最基本的方法是连续轮询:

var lastValue;
setInterval(function() {
  var curValue = $('#test').html();
  if(lastValue !== curValue) {
    lastValue = curValue;
    // Do whatever it is you want to do with the new value here.
  }
});

假设此函数在某处的某种异步搜索函数中被调用，更好的方法是用自身的扩展版本替换链中的某些函数:

oldDivChange = divChange;
divChange = function(aArgs, callback) {
  oldDivChange(aArgs);

  var newValue = $('#test').html();
  callback(newValue);
};