Есть структура вида:

<div class="class1"></div>
<div class="class1"></div>
<div class="class1"></div>
<div class="class1"></div>
<div class="class1"></div>
<div class="class1"></div>

Разберем задачу на примере оборачивания группы из 3-х div в div с классом row.
Приведем разметку к виду:

<div class="row">
	<div class="class1"></div>
	<div class="class1"></div>
	<div class="class1"></div>
</div>
<div class="row">
	<div class="class1"></div>
	<div class="class1"></div>
	<div class="class1"></div>
</div>

Воспользуемся функцией jQuery .wrapAll() *Предпочтительный метод

while(($children = $(':not(.row)>.class1:lt(3)')).length) {
	$children.wrapAll($('<div class="row"></div>'));
}

Или функцией jQuery .append()

while(($children = $(':not(.row)>.class1:lt(3)')).length) {
	$children.parent().append(
		$('<div class="row"></div>').append($children.remove())
	);
}

Выразить благодарность

Если эта публикация оказалась для Вас полезной и вы хотите выразить свою благодарность, сделайте пожалуйста её репост в социальных сетях или на своём сайте.

Так же, Вы можете перевести любую сумму, которую посчитаете нужной на наш счёт, что сильно мотивирует к написанию новых полезных статей.

Комментарии: