Javascript 在每个父div中的一个div中每两个div包装一次

这是我的html：

<div class="parent">
    <div class="col-1-2"></div>
    <div class="col-1-2"></div>
    <div class="col-1-2"></div>
    <div class="col-1-2"></div>
    <div class="col-1-2"></div>
    <div class="col-1-2"></div>
</div>
<div class="parent">
    <div class="col-1-2"></div>
    <div class="col-1-2"></div>
    <div class="col-1-2"></div>
    <div class="col-1-2"></div>
    <div class="col-1-2"></div>
    <div class="col-1-2"></div>
    <div class="col-1-2"></div>
</div>
<div class="parent">
    <div class="col-1-2"></div>
    <div class="col-1-2"></div>
    <div class="col-1-2"></div>
    <div class="col-1-2"></div>
    <div class="col-1-2"></div>
    <div class="col-1-2"></div>
</div>

在每个父级中，子div的数量可以更改。有些子div可能为偶数，有些子div可能为奇数

我需要用一个名为“grid”的div来包装每两个子div。如果子div为奇数，则需要将最后一个子div包装在名为“grid”的div中。例如：

<div class="parent">
    <div class="grid">
        <div class="col-1-2"></div>
        <div class="col-1-2"></div>
    </div>
    <div class="grid">
        <div class="col-1-2"></div>
        <div class="col-1-2"></div>
    </div>
    <div class="grid">
        <div class="col-1-2"></div>
        <div class="col-1-2"></div>
    </div>
    <div class="grid">
        <div class="col-1-2"></div>
    </div>
</div>

以下是我的jQuery：

    var divs = $(".parent > .col-1-2");
    for(var i = 0; i < divs.length; i+=2) {
        divs.slice(i, i+2).wrapAll("<div class='grid'></div>");
    }

var divs=$（“.parent>.col-1-2”）；
对于（变量i=0；i

这是因为它每两个子div包装一次，但不包含在每个父div中。如果父div有五个子div，则下一个父div的第一个子div将被拉入上一个父div中。

尝试此方法

  $(".parent").each(function(){
    var divs =  $(this).find('.col-1-2');
    for(var i = 0; i < divs.length; i+=2) {

    divs.slice(i, i+2).wrapAll("<div class='grid'></div>");

    }
  });

$（“.parent”）。每个（函数（）{
var divs=$（this.find（'.col-1-2'）；
对于（变量i=0；i

试试这个

  $(".parent").each(function(){
    var divs =  $(this).find('.col-1-2');
    for(var i = 0; i < divs.length; i+=2) {

    divs.slice(i, i+2).wrapAll("<div class='grid'></div>");

    }
  });

$（“.parent”）。每个（函数（）{
var divs=$（this.find（'.col-1-2'）；
对于（变量i=0；i