У меня есть список элементов (div), которым предшествует тег H3.
<h3></h3>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<h3></h3>
<div class="item"></div>
<div class="item"></div>
и т.д...
Используя jQuery, я хотел бы сгруппировать каждые 3 div (или меньше), за которыми следует каждый h3 следующим образом:
<h3></h3>
<div class=row>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
</div>
<div class=row>
<div class="item"></div>
</div>
<h3></h3>
<div class=row>
<div class="item"></div>
<div class="item"></div>
</div>
Я попробовал решение, предложенное здесь: Вставить ‹div› для каждых 5 элементов, используя Javascript, но он, очевидно, сгруппировал ВСЕ элементы div. Я также безуспешно пытался использовать ~ selector:
var a = $('h3 ~ div.item');
for( var i = 0; i < a.length; i+=3 ) {
a.slice(i, i+3).wrapAll('<div class="row"></div>');
}
Любая помощь будет высоко оценена.