如何包装第一个元素，然后每个 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>');
  }
});