使用循环创建div

我创建一个div和它的css id就像这样。

有没有办法使用循环语句创建此div。 有人帮我..

Answer 1

我建议使用一些javascript（没有jquery）来提高性能：

 var toAdd = document.createDocumentFragment(); for(var i=0; i < 11; i++){ var newDiv = document.createElement('div'); newDiv.id = 'r'+i; newDiv.className = 'ansbox'; toAdd.appendChild(newDiv); } document.appendChild(toAdd); 

这样你只需要一个append() ，只有一个reflow，你不需要jQuery。

要将它附加到jQuery选择器：

 $('sel').append(toAdd); 

或者dom元素：

 document.getElementById('sel').appendChild(toAdd); 

Answer 2

假设你有以下div ，你将插入新的div ：

jQuery的：

 for(var i =1; i<= 10; i++){ $('#target').append($('
', { id: 'r' + i, 'class' : 'ansbox'})) } 

要么

 for(var i =1; i<= 10; i++){ $('#target').append('
') } 

我会先采取行动。

相关参考：

• .append()

Answer 3

这是一个选项：

 for(var i = 0; i <=10; i++) { $('
').appendTo("target"); }