在javascript中循环以追加一系列div

Question

这是我的代码，但它不起作用。

for (i = 0; i < 5; i++) {
$(function(){
    $('.tt'+ [i]).appendTo('.td'+ [i]);
   });

}

---

我想要结果：

$('.tt1').appendTo('.td1')
$('.tt2').appendTo('.td2')
$('.tt3').appendTo('.td3')
$('.tt4').appendTo('.td4')
$('.tt5').appendTo('.td5')

请纠正我，提前谢谢你！

Answer 1

你有一些语法错误，试试这个：

for (var i = 0; i <= 5; i++) {
    $('.tt'+ i).appendTo('.td'+ i);
}

Answer 2

如前所述：删除数组初始化。 如果您想从 1 迭代到 5 ，那么这样做（不是var = 0，但var i = 1 ）：

    for (var i = 1; i < 6; i++) {
       $('.tt'+ i).appendTo('.td'+ i);
    }

此外，我没有看到将appendTo电话包裹起来的任何意义。

Answer 3

第一件事

你永远不会跳进i = 5迭代

$('.tt5').appendTo('.td5')

因为你的for循环

for (i = 0; i < 5; i++)

在i = 5

结束

将其更改为

for (i = 1; i <= 5; i++)

它从i = 1开始，因为你的例子没有显示“.tt0”

第二件事

远程支架！

更改

$('.tt'+ [i]).appendTo('.td'+ [i]);

到

$('.tt'+ i).appendTo('.td'+ i);

否则，您将创建一个Array，JS解释器执行不必要的Array.toString（）操作。

第三件事

我认为您可以删除 for loop

中的周围函数

$(function(){
 ... 
}

只需使用：

for (var i = 1; i <= 5; i++) {
   $('.tt'+ i).appendTo('.td'+ i);
}

请参阅小提琴

http://jsfiddle.net/Spaghettirocker/knkpaczg/1/