试图创建一个jquery’for’循环，在另一个div中添加div元素。

HTML：

JS：

 $(document).ready(function() { $(function() { for(i=0; i<16; i++) { $('
').appendTo('.outer'); } )}; 

大家好！ 我试过在这里和其他地方寻找答案，但没有运气。 我正在尝试创建一个jquery’for’循环，它将在外部div容器中动态生成16个div元素。 代码对我来说听起来不错，但它不起作用。 我没有发布CSS，因为它无关紧要。 任何帮助将非常感激！

Answer 1

第一。 您有语法错误。 最后一行)}; 应该是}); 。

下一个。 不需要两次创建一个jQuery对象（也有一个语法 – }应该是}) ）。

这一行：

 $(document).ready(function() { 

与此行完全相同：

 $(function() { 

参考

---

因此，总而言之，您应该最终得到：

 $(document).ready(function() { for(i=0; i<16; i++) { $('
blah
').appendTo('.outer'); } }); 

或这个：

 $(function() { for(i=0; i<16; i++) { $('
blah
').appendTo('.outer'); } }); 

的jsfiddle

Answer 2

试试这个，

  $(function() { var innerHTML=[]; for(i=0; i<16; i++) { innerHTML.push('
'); } $('.outer').html(innerHTML.join('')); }); 

请将jquery库添加到您的页面。

Answer 3

 $(document).ready (function (){ for (var i=0; i<=16; i++){ $ ('.outer').html($('.outer').html()+"
"; } }); 

以上非常简单。 先尝试一下。 我的理论是appendTo不工作因为元素还不存在？ 但它应该工作吗？ 此外，您不需要在另一个内部使用匿名function。

Answer 4

您似乎正在使用jQuery，但尚未链接到库。 添加以下两行之一（或下载文件并链接到该行），具体取决于您想要的版本。

 1.x snippet:  2.x snippet:  

括号未关闭也存在一些问题。 以下代码段显示它在ready处理程序中没有附加的匿名函数的情况下工作。

 $(document).ready(function() { for (i = 0; i < 16; i++) { $('
' + i + '
').appendTo('.outer'); } }); 

Answer 5

我想建议一个更好的性能，它将加快过程，以防有很多元素

 $(document).ready(function() { var innerDivs = ""; for(i=0; i<16; i++) { innerDivs +='
blah
'; } $('.outer').append(innerDivs); }); 

这样做会更好，因为我们不必多次访问DOM树