javascript - 为什么selector.text会得到一个内部函数值？

Question

在 $.ajax success函数我试图在进行另一个调用之前运行延迟。我的文档有 <DIV ID="status"></DIV>元素，所以这里的第一步工作正常:

$("#status").text = "Refreshing";

但是当我尝试通过setInterval向该文本添加省略号时功能如下:

var count = 0;
var waitingID = setInterval(waiting, 1000);
function waiting() {
    if(count == 5) {
        clearInterval(waitingID);
        CallUpdate();
    }
    else {
        count++;
        var notice = $("#status");
        notice.text(notice.text + ".");
    }
}

DIV 中的文字变成

function ( value ) { return access( this, function( value ) { return value === undefined ? jQuery.text( this ) : this.empty().each(function() { if ( this.nodeType === 1 || this.nodeType === 11 || this.nodeType === 9 ) { this.textContent = value; } }); }, null, value, arguments.length ); }.

这是怎么回事？为什么不是 notice.text(notice.text + ".");只需附加 .到 DIV 中的文本？

Answer 1

你的功能没有问题。您只是使用 jQuery 的 text()功能不正确。

$('#status').text('Refreshing');
var count = 0;
var waitingID = setInterval(waiting, 1000);
function waiting() {
    if(count == 5) {
        clearInterval(waitingID);
        console.log('CallUpdate()');
    }
    else {
        count++;
        var notice = $("#status");
        notice.text(notice.text() + ".");
    }
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p id="status"></p>