如何包装第一个元素然后每个n?

时间:2014-04-01 23:49:19

标签: javascript jquery html image

我有很多图像,除了第一张图像之外,我需要在div内部将它们包装成两个和两个。那个需要单独包装。

这就是我目前正在做的事情,但我也无法弄清楚如何包装第一个元素。

    $(function(){
    var c = $('#reader').children();

    for (var i = 1 ; i < c.length ; i+=2) {
        c.slice(i,i+2).wrapAll('<article class="row"></article>');
    }
    });

2 个答案:

答案 0 :(得分:1)

尝试

$(function () {
    var c = $('#reader').children();

    //first child
    c.eq(0).wrap('<article class="row"></article>');
    for (var i = 1; i < c.length; i += 2) {
        c.slice(i, i + 2).wrapAll('<article class="row"></article>');
    }
});

答案 1 :(得分:0)

$(document).ready(function(){
  if($(".new-grid__item:eq(0), .new-grid__item:eq(1)")){

   $(".new-grid__item:eq(0), .new-grid__item:eq(1)").wrapAll('<div class="child"></div>');
  }
  if($(".new-grid__item:gt(1)")){

  $(".new-grid__item:gt(1)").wrapAll('<div class="child"></div>');
  }
});