javascript - For循环和追加

Question

我正在用 JavaScript 制作我的第一个 Web 项目。我不知道如何正确使用 for 循环。我试图得到这个结果：

text
text
text
text

但我明白了：

text

这就是代码：

for (i = 0; i <= 5; 1++) {
$("#sth").append("text" + "<br>");
}

小提琴链接：http: //jsfiddle.net/6K7Ja/

我刚开始学习 JavaScript。帮助将不胜感激:)

Answer 1

你的代码有1++它应该在的地方i++。

Answer 2

var text = "";
for (var i = 0; i < 4; i++) {
    text += "text<br>";
}
$("#sth").append(text);

Answer 3

您希望追加退出循环。将值添加到变量，然后附加该变量一次。当您按照现在的方式执行此操作时会发生什么，jQuery 将在每次通过该循环时执行该 append 方法。这很糟糕，因为它每次都会继续这样做并减慢您的速度。最好通过循环并保存要附加到变量的内容。然后只需将该变量附加一次。这样的事情应该可以解决问题：

var appendText = []; //We can define an array here if you need to play with the results in order or just use a string otherwise.
for (var i = 0; i < 4; i++) {
    appendText.push("text" + "<br>"); //This adds each thing we want to append to the array in order.
}

//Out here we call the append once
//Since we defined our variable as an array up there we join it here into a string
appendText.join(" ");
$("#sth").append(appendText);

你可以在这个Fiddle中看到这个工作并玩弄它。

以下是您应该查看的一些阅读材料：

http://www.learningjquery.com/2009/03/43439-reasons-to-use-append-correctly