如何使用jQuery创建250个div？

Question

我想制作一个带有250个div的网站，其中有相应的编号。我可以输入所有这些，但我知道我可以在jQuery中使用for循环。我不确定如何去做这件事。任何帮助将不胜感激。谢谢！

Answer 1

var container = document.getElementById('foo'); 
for (var i = 0; i < 250; i++){ 
    var d = document.createElement('div'); // <div> 
    d.id = 'div' + i;      // id="div{i}" 
    d.className = 'someclass';    // class="someclass" 
    container.appendChild(d); 
} 

或者，在jQuery的方面：

for (var i = 0; i < 250; i++){ 
    $('<div>',{   // <div> 
    'id':'div'+i  // id="div{i}" 
    'class':'someclass' // class="someclass" 
    }).appendTo('#foo'); 
} 

Answer 2

尝试这样的事情。您需要用包含div的名称以及为其提供常用样式的类的名称进行替换。

var c = $("#<container-name>"); 

for (var i = 1; i < 251; i++) { 
    $("<div></div>").addClass("<class-name>").text(i).appendTo(c); 
} 

Answer 3

这可能有点难看，但使用append一次将会多次使用它。

var html = ''; 

for (var i = 0; i < 250; i++) { 
    html += '<div id="div' + i + '">' + i + '</div>'; 
} 

$('#example').append(html);