如何使用 Jquery 或 Javascript 打印出多个 Div

How do I print out multiple Divs with Jquery or Javascript?

本文关键字：Div 打印 Javascript 何使用 Jquery      更新时间：2023-09-26

>我基本上有这个标记：

<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的人，这是我项目中最后阻碍我的事情之一，让我非常糟糕......请帮忙。

试试这个：

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

这是代码，你可能应该阅读jQuery以了解它是如何工作的。 

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

http://plnkr.co/edit/JlAffVadhKiW6HnbWqNx?p=preview

使用 $() 在 jQuery 中创建一个新的 HTML 元素。请参阅下面的代码片段：

var parent = $("<div id='box'>outer div</div>");
for(var i = 1; i <= 4; i++){
  var child = $("<div id='id_"+ i + "'>inner div</div>");
  parent.append(child);
}
$("body").append(parent);
div{
  border: 1px solid black;
  background: red;
}
div div{
  background: yellow;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

相关文档及示例

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

其他答案建议在循环的每次迭代中调用append。不要这样做，这可能会对性能不利。如果你必须用jQuery来做到这一点，你希望尽可能减少DOM操作。

相关文章：