jquery - Jquery 在值更改时监听并发出警报？

Question

我有一个由 ajax 更新的 div。

我尝试使用 jquery 来提醒 div 的值何时更新。

我使用以下

$(document).ready(function () {     

 $('.Current-field').bind('autorefresh.incremental', function() {
  alert($('.Current-field')).val();
 });

 $('.Current-field').trigger('autorefresh.incremental');
});

这会在值按预期更改时发出警报，但值会以 [object object] 的形式返回

如何获取更新内容的实际值，html 是

 <span class="field-content Current-field">new content</span>

谢谢你的帮助

Answer 1

您需要使用text()orhtml()代替 div val()，您也有错误的关闭警报括号。

alert($('.Current-field').text());

如果你有一个以上的类元素，那么你可能需要

alert($(this).text());

你的代码是。

$('.Current-field').bind('autorefresh.incremental', function() {
     alert(this).text());
});

Answer 2

您在alert调用中错过了一个包装括号：

// this is alerting the jQuery object that is selecting .Current-field
alert($('.Current-field')).val();
// this will alert the returned value of $.val()
alert($('.Current-field').val());

另外，我强烈建议使用console.log而不是警报。一旦你开始在一个页面上有多个警报，事情就会变得非常混乱。