选择并用 jquery 包装两个 div

Question

我正在尝试将div 包装在"行"包装器中，以便每个包装器中有两个div。

我的代码如下所示：

<div id="content" class="center cutepicscontainer cf">
  <div class="product cf">product 1</div>
  <div class="product cf">product 2</div>
  <div class="product cf">product 3</div>
  <div class="product cf">product 4</div>
</div>

我希望我的产品像这样分类：

<div id="content" class="center cutepicscontainer cf">
  <div class="row">
    <div class="product cf">product 1</div>
    <div class="product cf">product 2</div>
  </div>
  <div class="row">
    <div class="product cf">product 3</div>
    <div class="product cf">product 4</div>
  </div>
</div>

我

搜索并找到了一段jquery代码，但这并不完全像我想要的那样工作。

 $('.cutepicscontainer .product').each(function(){
        $(this).next().andSelf().wrapAll('<div class="row"/>');
    });

这是结果： https://i.stack.imgur.com/0jqww.png

提前感谢！

胜利者

编辑添加了.product：甚至，现在它可以工作了！

Answer 1

$('.cutepicscontainer .product:even').each(function(){
        $(this).next().andSelf().wrapAll('<div class="row cf"/>');
    });

这行得通！