javascript - 循环遍历数组/函数时的换行符

Question

看似简单，但我找不到正确的位置。我的 HTML 头中有以下函数:

<script>
(function($) {
    $.fn.writeText = function(content) {
        var contentArray = content,
            current = 0,
            elem = this;
        setInterval(function() {
            if(current < contentArray.length) {
                elem.text(elem.text() + contentArray[current++]);                
            }
        }, 1000);
    };    
})(jQuery); 
</script>

我在正文中这样调用它:

<script>
// test getArray() method in external JS file
document.write(getArray());
$(document).ready(function($){      
    var contentArray = getArray();
    $('#calculations').writeText(contentArray);
}); 
</script>
<h3>Fibonacci Sequence:</h3>
<p id='calculations'></p>   

我找不到在哪里放置“+ br/”以将每个 writeText 与换行符连接起来。

Answer 1

使用换行符有点业余。这是一个附加段落标签的脚本。

$(function() {      
    var contentArray = ['first', 'second', 'third'],
        iContent = 0;

    function showContent() {
        $('#calculations').append('<p>' + contentArray[iContent] + '</p>');
        if (iContent < contentArray.length - 1) {
            window.setTimeout(function () {showContent(); }, 1000);
            iContent = iContent + 1;
        }
    }

    window.setTimeout(function () {showContent(); }, 1000);
});

你也不需要

$(document).ready(

一个简单的 $( 也会做同样的事情。为什么要在代码中执行 document.write() ？如果您只想查看数组值，console.log() 会更好。