如何使用Jquery或Javascript打印多个div？

我基本上有这样的标记：

<div id="box">
 <div id="id_1></div>
 <div id="id_2></div>
 <div id="id_3></div>
 <div id="id_4></div>
</div>

我想做的是让Jquery或javascript打印出具有不同id号的不同div，请问，我该怎么做？我基本上是一个PHP的家伙，这是我的项目中最后的事情之一，是阻碍我真的很糟糕。。。请提供帮助。

var-box=$（“#box”），
var box = $('#box'),
    html = '',
    i;

for (i = 0; i < 4; i += 1) {
   html += '<div id="id_' + (i + 1) + '"></div>';
}

box.append(html);

html=“”，
我
对于（i=0；i<4；i+=1）{
html+=''；
}
追加（html）；

其他答案建议在循环的每个迭代中调用

append

。不要这样做，这可能对性能不利。如果必须使用jQuery执行此操作，则需要尽可能减少DOM操作。

var-box=$（“#box”），
html=“”，
我
对于（i=0；i<4；i+=1）{
html+=''；
}
追加（html）；

其他答案建议在循环的每个迭代中调用

append

。不要这样做，这可能对性能不利。如果必须使用jQuery执行此操作，则需要尽可能减少DOM操作。

var-box=$（“#box”），
html=“”，
我
对于（i=0；i<4；i+=1）{
html+=''；
}
追加（html）；

其他答案建议在循环的每个迭代中调用

append

。不要这样做，这可能对性能不利。如果必须使用jQuery执行此操作，则需要尽可能减少DOM操作。

var-box=$（“#box”），
html=“”，
我
对于（i=0；i<4；i+=1）{
html+=''；
}
追加（html）；

其他答案建议在循环的每个迭代中调用

append

。不要这样做，这可能对性能不利。如果必须使用jQuery执行此操作，则需要尽可能减少DOM操作。

尝试以下操作：

for (var i = 0; i < 4; i++) {
    $('#box').append("<div id='id_" + (i + 1) + "'></div>");
}

for（变量i=0；i<4；i++）{
$（“#框”）。追加（“”）；
}

试试这个：

for (var i = 0; i < 4; i++) {
    $('#box').append("<div id='id_" + (i + 1) + "'></div>");
}

for（变量i=0；i<4；i++）{
$（“#框”）。追加（“”）；
}

试试这个：

for (var i = 0; i < 4; i++) {
    $('#box').append("<div id='id_" + (i + 1) + "'></div>");
}

for（变量i=0；i<4；i++）{
$（“#框”）。追加（“”）；
}

试试这个：

for (var i = 0; i < 4; i++) {
    $('#box').append("<div id='id_" + (i + 1) + "'></div>");
}

for（变量i=0；i<4；i++）{
$（“#框”）。追加（“”）；
}

这是代码，您可能应该仔细阅读jQuery以了解它的工作原理

$(function() {
  var box = $('#box');
  for (var i = 0; i < 4; i++) {
    box.append('<div id="id_' + i + '">' + i + '</div>');
  }
});

$（函数（）{
变量框=$（'框'）；
对于（变量i=0；i<4；i++）{
框。追加（“”+i+“”）；
}
});

---

这是代码，您可能应该仔细阅读jQuery以了解它的工作原理

$(function() {
  var box = $('#box');
  for (var i = 0; i < 4; i++) {
    box.append('<div id="id_' + i + '">' + i + '</div>');
  }
});

$（函数（）{
变量框=$（'框'）；
对于（变量i=0；i<4；i++）{
框。追加（“”+i+“”）；
}
});

---

这是代码，您可能应该仔细阅读jQuery以了解它的工作原理

$(function() {
  var box = $('#box');
  for (var i = 0; i < 4; i++) {
    box.append('<div id="id_' + i + '">' + i + '</div>');
  }
});

$（函数（）{
变量框=$（'框'）；
对于（变量i=0；i<4；i++）{
框。追加（“”+i+“”）；
}
});

---

这是代码，您可能应该仔细阅读jQuery以了解它的工作原理

$(function() {
  var box = $('#box');
  for (var i = 0; i < 4; i++) {
    box.append('<div id="id_' + i + '">' + i + '</div>');
  }
});

$（函数（）{
变量框=$（'框'）；
对于（变量i=0；i<4；i++）{
框。追加（“”+i+“”）；
}
});

---

使用

$（）

在jQuery中创建一个新的HTML元素。请参见下面的代码段：

var parent=$（“外部div”）；
对于（var i=1；i使用
$（）
在jQuery中创建一个新的HTML元素。请参阅下面的代码段：


var parent=$（“外部div”）；
对于（var i=1；i使用
$（）
在jQuery中创建一个新的HTML元素。请参阅下面的代码段：


var parent=$（“外部div”）；
对于（var i=1；i使用
$（）
在jQuery中创建一个新的HTML元素。请参阅下面的代码段：


var parent=$（“外部div”）；
对于（var i=1；我可以让它“打印出不同的div”来澄清你的意思吗？你的问题写得不太清楚…document.getELementById（'box'）。childNodesstart with你可以让它“打印出不同的div”来澄清你的意思吗？你的问题写得不太清楚…document.getELementById（'box'））.childNodesstart with您能否澄清让它“打印不同的div”是什么意思？您的问题写得不太清楚…document.getELementById（'box'）。childNodesstart with您能否澄清让它“打印不同的div”是什么意思？您的问题写得不太清楚…document.getELementById（'box'））.childNodesstart与