用于循环和追加

时间:2013-03-20 15:23:35

标签: javascript jquery loops for-loop append

我正在使用JavaScript创建我的第一个Web项目。我不知道如何正确使用for循环。我想要得到这个结果:

text
text
text
text

但我明白了:

text

这就是代码:

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

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

我刚开始学习JavaScript。非常感谢帮助:)

3 个答案:

答案 0 :(得分:9)

您的代码有1++,其中应为i++

答案 1 :(得分:5)

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

答案 2 :(得分:3)

你想要追加循环。将值添加到变量,然后将该变量追加一次。当你按照自己现在的方式做什么时,jQuery会在每次循环时执行追加方法。这很糟糕,因为它会每次继续并减慢你的速度。最好通过循环并保存您想要附加到变量的内容。然后只需将变量追加一次。这样的事情可以解决问题:

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