Question

我基本上有这个标记：

<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打印出具有不同身份证号码的不同div，请问，我该怎样做呢？我主要是一个PHP人员，这是我项目中最后一件让我非常糟糕的事情之一......请帮忙。

Answer 1

试试这个：

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

Answer 2

这是代码，您应该阅读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

Answer 3

使用$()在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>

Relevant Documentation with Examples

Answer 4

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操作。

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

4 个答案: