javascript - 使用 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"/>');
    });

这是结果:/image/0jqww.png

提前致谢!

维克多

编辑添加了.product:even，现在可以使用了!

Answer 1

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

这有效!