如何使用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);