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

Question

我有很多图像，除了第一张图像之外，我需要在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>');
    }
    });

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

Answer 2

$(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>');
  }
});