Как обернуть произвольное количество элементов в div?

Question

[Ден и Ната]

Необходимо средствами JS поместить известное количество одинаковых элементов в общий родитель. То есть первые три (или восемь) в один, следующие два (или пять) в другой и т.д.
Итак, дано:

<div class="class">...</div>
<div class="class">...</div>
<div class="class hidden">...</div>
<div class="class">...</div>
<div class="class hidden">...</div>

Требуется:

<div class="insert">
  <div class="class">...</div>
  <div class="class">...</div>
  <div class="class hidden">...</div>
</div>
<div class="insert">
  <div class="class">...</div>
  <div class="class hidden">...</div>
</div>

Comments

[Жора Гъик Альбертович]

Не понял логику. Где конечный дом элемент в стэке для обертки? Там где присутствует класс hidden?

[Ден и Ната]

hidden лишь для примера включения в DOM скрытого (в css, а значит, потенциально видимого) элемента.
Где конечный элемент? А там, где потребуется. С 1 по 8 .class сунуть в один div, с 9 по 13 - в другой...

[Жора Гъик Альбертович]

$(function() {
var $inn = $('.inn');

$inn.each(function(i, el) {

if ($(el).hasClass('hidden')) {
var j = i;

while(!$inn.eq(--j).is('.hidden')) {
if ($inn.eq(j).index() === 0) {
j = -1;
break;
}
}
$inn.slice(j+1, i+1).wrapAll('');
}

});

});

[Жора Гъик Альбертович]

$(function() {
    var $inn = $('.inn');

    $inn.each(function(i, el) {

      if ($(el).hasClass('hidden')) {
        var j = i;

        while(!$inn.eq(--j).is('.hidden')) {
          if ($inn.eq(j).index() === 0) {
            j = -1;
            break;
          }
        }
        $inn.slice(j+1, i+1).wrapAll('<div />');
      }

    });

  });

Answer 1

[Dark Hole]

$('div.class')
  .slice(0, 3)
  .wrapAll($('<div class="insert"></div>'));

Comments

[Ден и Ната]

и начиная с третьего каждый .class оказывается в отдельном .insert, а надо несколько в одном

[Dark Hole]

Ден и Ната: А да, простите, ошибся. Исправил

[Ден и Ната]

Dark Hole: Да, спасибо, вчера уже разобрался.

Answer 2

[Максим]

почитайте про .append()

Comments

[Ден и Ната]

ни .append(), ни .before()/.after() не решают вопроса - ни один из методов не позволяет вставить незакрытый тег, а .wrap() обернёт все .class на странице.