将每个三个div包装为一个

Question

考虑一下我们有：

<div class "parent">
  <div class="child"></div>
  <div class="child"></div>
  <div class="child"></div>
  <div class="child"></div>
  <div class="child"></div>
  <div class="child"></div>
  <div class="child"></div>
  // And Even More....
</div>

我需要将每个3个或更少（2,1）元素包装到ONE中，而我不知道子节点的数量。我需要的结果是：

<div class "parent">
  <div class "middle">
    <div class="child"></div>
    <div class="child"></div>
    <div class="child"></div>
  </div>
  <div class "middle">
    <div class="child"></div>
    <div class="child"></div>
    <div class="child"></div>
  </div>
  <div class "middle">
    <div class="child"></div>
  </div>
  // And Even More....
</div>

如何使用.wrapAll()或任何其他方法来做到这一点？

问题的一个更好的版本是：如何选择div的3乘3？正如this帖子展示如何包装它们。