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

Всем привет.
Не знаю, насколько тривиален мой вопрос. Необходимо средствами 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>

Спасибо!
  • Вопрос задан
  • 223 просмотра
Решения вопроса 1
abyrkov
@abyrkov
JavaScripter
$('div.class')
  .slice(0, 3)
  .wrapAll($('<div class="insert"></div>'));
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@maxnrg33
верстальщик
почитайте про .append()
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы