2

私は次のhtmlを持っています：

<div class="backpack_all"> //wrapper for all on screen content
    ...
    <div class="backpack"> //main content to display
        <div class="item1">
        <div class="item2">
        <div class="item3">
        ...etc

私はこのフォーマットで200から500のアイテムをどこにでも持っています。また、これらのアイテムのさまざまな属性によってこのデータを積極的に並べ替えています。並べ替えを解除すると、50個のアイテムをラップするclass="backpack_partition"によって50個のセットに分割されます。それらをソートするには、それぞれのパーティションからすべてのアイテムをアンラップする必要があります。jquery / javascriptを使用してそれらを再ラップするにはどうすればよいですか？

4

2 に答える 2

2

古き良きJSに頼った。

var divs = $('.backpack > .item');
for(var i = 0; i < divs.length; i+=50) {
    divs.slice(i, i+50).wrapAll("<div class='backpack_partition'></div>");
}
于 2012-07-19T00:03:48.133 に答える
0

あなたは方法を試すことができますwrapAll()：

一致した要素のセット内のすべての要素の周りにHTML構造をラップします。

$('.backpack').wrapAll('<div class="backpack_all" />')

また：

$('.backpack:first').nextUntil('.backpack:eq(50)').end().wrapAll('<div class="backpack_all" />')
于 2012-07-18T23:26:39.540 に答える