Javascript 使用jquery选择并包装两个div

我试图将div包装在一个“row”包装中，这样每个包装中都有两个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>

产品1
产品2
产品3
产品4

我希望我的产品分类如下：

<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>

产品1
产品2
产品3
产品4

我搜索并找到了一段jquery代码，但这并不是我想要的

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

$（'.cutepiccontainer.product'）。每个（函数（）{
$（this.next（）.andSelf（）.wrapAll（“”）；
});

这就是结果：

提前谢谢

胜利者

编辑添加。产品：即使如此，现在它也可以工作了

$（'.cutEpicContainer.product:偶数'）。每个（函数（）{
$('.cutepicscontainer .product:even').each(function(){
        $(this).next().andSelf().wrapAll('<div class="row cf"/>');
    });

$（this.next（）.andSelf（）.wrapAll（“”）；
});

---

这管用

对我来说很好这很奇怪。。这是我的代码的更详细视图@J08691您没有在这个提琴上添加jquery，您的网页上也缺少jquery吗？@mathf，对不起，以前从未真正使用过JSFIDLE。它现在也可以在小提琴上使用，但在我的实际网站上不起作用。这是我的代码（本地服务器）的屏幕截图。请看我对原始帖子的编辑。我修好了！