对每x个对象使用.wrap()

时间:2012-02-18 06:52:10

标签: javascript jquery

  

可能重复:
  Wrap every 3 divs in a div
  jQuery - use wrap() to wrap multiple elements?

假设我有4个div,如下所示:

<div class="section">1</div>
<div class="section">2</div>
<div class="section">3</div>
<div class="section">4</div>

我想使用$('.section' [increments of 2] ).wrap('<div class="row"></div>'),因此每个div.section将包含div.row,因此最终结果如下:

<div class="row">
  <div class="section">1</div>
  <div class="section">2</div>
</div>

<div class="row">
  <div class="section">3</div>
  <div class="section">4</div>
</div>

这是怎么做到的?

1 个答案:

答案 0 :(得分:1)

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

基于jQuery - use wrap() to wrap multiple elements?