Javascript 如何使用jQuery将每4个元素移动到另一个容器中？

所以我有这个标记：

<section class="oldContainer">
  <article></article>
  <article></article>
  <article></article>
  <article></article>
  <article></article>
  <article></article>
</section>
<section class="newContainer"></section>
<section class="newContainer"></section>

---

我想将所有

的
从
oldContainer
移动到
newContainer
，但是
newContainer
每个只能有4个
。如何使用jQuery实现这一点？我只知道在这种情况下如何包装元素，但不知道如何移动它们：）
如果newcontainer元素已经存在，那么您可以移动它们


var$as=$（'.oldContainer-article'）；
$（'.newContainer'）。每个（函数（i）{
$（this.append（$as.slice（i*4，（i+1）*4））
});
.oldContainer{
最小高度：5px；
边框：1px纯红；
边缘底部：5px；
}
.新货柜{
最小高度：5px；
边框：1px纯绿色；
边缘底部：5px；
}

1.
2.
3.
4.
5.
6.
您可以使用
appendTo
在
.newContainer

var i = 0; // To get the .newContainer by index

// Run until there is no article left in .oldContainer
while ($('.oldContainer article').length) {
    $('.oldContainer article:lt(4)').appendTo($('.newContainer').eq(i++));

    // Get first four `article` and move it to the .newContainer element
}

从
oldcontainer
中获取所有元素，迭代它们，为
newContainer
创建html，从
oldcontainer
中删除
，并插入
newContainer