如何在另一个div jquery中动态添加div？

Question

我有这样的内容

<div class="maindiv"> <div class="box"></div> <div class="box"></div> <div class="box"></div> <div class="box"></div> </div>

现在我需要像这种格式一样添加div

 <div class="maindiv">
<div>
  <div class="box"></div>
  <div class="box"></div>
</div>
<div>
 <div class="box"></div>
 <div class="box"></div>
</div>

如何在jquery中执行此操作？

Answer 1

试试这个

var boxes = $(".maindiv > .box");

for (var i = 0, len = boxes.length; i < len; i += 2) {
  boxes.slice(i, i + 2).wrapAll("<div></div>");
}

Example