Jquery 如何包装标签组？

我的html中可能有任意数量的文章：

<div id="main">
  <article></article>
  <article></article>
  <article></article>
  <article></article>
  <article></article>
  <article></article>
  <article></article>
  <article></article>
  <article></article>
  <article></article>
  <article></article>
  <article></article>
  <article></article>
  <article></article>
</div>

现在，我怎样才能把它包装成一组四篇文章呢

结果应该是：

<div id="main">
  <div class="group">
     <article></article>
     <article></article>
     <article></article>
     <article></article>
  </div>
  <div class="group">
     <article></article>
     <article></article>
     <article></article>
     <article></article>
  </div>
  <div class="group">
     <article></article>
     <article></article>
     <article></article>
     <article></article>
  </div>
  <div class="group"><!--the remaining two articles-->
     <article></article>
     <article></article>
  </div>
</div>

尝试一个简单的for循环

var $articles = $('#main article'),
    length = $articles.length;
for (var i = 0; i < length; i = i + 4) {
    $articles.slice(i, i + 4).wrapAll('<div class="group"/>')
}

var$articles=$（“#main article”），
长度=$articles.length；
对于（变量i=0；i

演示：

尝试一个简单的for循环

var $articles = $('#main article'),
    length = $articles.length;
for (var i = 0; i < length; i = i + 4) {
    $articles.slice(i, i + 4).wrapAll('<div class="group"/>')
}

var$articles=$（“#main article”），
长度=$articles.length；
对于（变量i=0；i

演示：

试试看

while($('#main > article').length > 0)
{
    $('#main > article:lt(4)').wrapAll('<div class="group"></div>');
}

while（$（'#main>article'）。长度>0）
{
$（'main>article:lt（4）'）；
}

试试看

while（$（'#main>article'）。长度>0）
{
$（'main>article:lt（4）'）；
}

var group=parseInt（$（“#主要文章”）。长度/3,10；//结果4
var grpCount=Math.ceil（$（“#主要文章”）。长度/组；
对于（变量i=0；i

var group=parseInt（$（“#主要文章”）。长度/3,10）；//结果4
var grpCount=Math.ceil（$（“#主要文章”）。长度/组；
对于（变量i=0；i

您也可以尝试

。each（）

jquery函数：

var articles = $('#main').find('article');

$.each(articles, function(i, el) {
  if(i % 4 == 0) {
    articles.slice(i , i+4).wrapAll('<div class="group">');
  }
});

var articles=$（'#main'）。查找（'article'）；
$。每个（文章、功能（i、el）{
如果（i%4==0）{
文章.切片（i，i+4）.wrapAll（“”）；
}
});

---

您也可以尝试

。each（）

jquery函数：

var articles = $('#main').find('article');

$.each(articles, function(i, el) {
  if(i % 4 == 0) {
    articles.slice(i , i+4).wrapAll('<div class="group">');
  }
});

var articles=$（'#main'）。查找（'article'）；
$。每个（文章、功能（i、el）{
如果（i%4==0）{
文章.切片（i，i+4）.wrapAll（“”）；
}
});

---

应该是

length

not

lenght

你想要什么输出？应该是

length

not

lenght

你想要什么输出？你知道我想把最后两篇文章分成第一组和第二组吗？如果正好是12/3=4，那么没关系，但是如果是14/3=4，那么剩下的2篇应该调整到第一组第二组和第三组相应地进行一对一的对话。@C-link所以你只想要3组，就是这样。谢谢。你知道我想把最后两篇文章分成第一组和第二组吗？如果它正好是12/3=4，那没关系，但如果它是14/3=4，那么剩下的2篇应该相应地调整为第一组、第二组和第三组，以一个拜拜。@C-link所以你只想有3组，就是这样。非常感谢。