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);

如何使用jQuery创建250个div？

3 个答案: