Question

我试图将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>

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

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

这是结果：http://i.imgur.com/Jx0r3NO.png

提前致谢！

维克多

编辑已添加.product：偶数，现在可以了！

Answer 1

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

这有效！

用jquery选择并包装两个div

1 个答案: