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