jQuery zawija wszystkie elementy X w div
Mam listę elementów (div) poprzedzonych tagiem 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>
itp...
Korzystając z jQuery, chciałbym pogrupować co 3 div (lub mniej), po których następuje każdy h3 w ten sposób:
<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>
Spróbowałem zaproponowanego tutaj rozwiązania:Wstaw <div> na każde 5 elementów za pomocą Javascript ale to oczywiście zgrupowało WSZYSTKIE divy. Próbowałem też użyć ~ selektora bez powodzenia:
var a = $('h3 ~ div.item');
for( var i = 0; i < a.length; i+=3 ) {
a.slice(i, i+3).wrapAll('<div class="row"></div>');
}
Jakakolwiek pomoc będzie doceniona.