Jquery 如何创建divs容器？

我有这样的代码：

<div class="items">
   <div class="col"></div>
   <div class="col"></div>
   <div class="col"></div>
   <div class="col"></div>
   <div class="col"></div>
   <div class="col"></div>
   <div class="col"></div>
   <div class="col"></div>
</div>

我想在3列之后添加行，最终结果为：

<div class="items">
   <div class="row">
      <div class="col"></div>
      <div class="col"></div>
      <div class="col"></div>
   </div>
   <div class="row">
      <div class="col"></div>
      <div class="col"></div>
      <div class="col"></div>
   </div>
   <div class="row">
      <div class="col"></div>
      <div class="col"></div>
   </div>
</div>

我必须使用jQuery来完成这项工作。列的数量不是恒定的。请帮助

假设“列的数量不是恒定的”，您指的是总量，而不是每行应包含多少列

以下假设一行中最多应有3列：

$(function(){

    $(".col").each(function(i,v){
        var $row;
        if ((i % 3) == 0){
           $row = $("<div/>");
            $row.addClass("row");
            $(".items").append($row);
        }
        else
        {
            $row = $(".items .row:last");   
        }
        $row.append($(this));
    });

});

$（函数（）{
$（“.col”）。每个函数（i，v）{
var$行；
如果（（i%3）==0）{
$row=$（“”）；
$row.addClass（“row”）；
$（“.items”）。追加（$row）；
}
其他的
{
$row=$（“.items.row:last”）；
}
$row.append（$（this））；
});
});

---

您应该查看

$（“选择器”）。each（）

位于

使用此函数，您可以遍历items-div

伪代码：

$('.items .col').each(function(index) {

  // index is a counter helping you

  // $(this) is the element at the current index

  // the rest is just logical thinking

});

---

在wat的基础上，您将添加class

行

。为了澄清，您想使用Jquery向类为“col”的所有div中添加一个容器div，但以3为一组？到目前为止您尝试了什么？请发布您尝试过的代码。作为一个JSFIDLE会很棒。看看：对不起，你能再解释一下你想做什么吗？是否希望函数在某个索引处添加（X）个

？