1

要素を 4 つまたは 4 つにできるだけ近いグループにグループ化できるようにしたいと考えています。私のhtmlが次のようになっていると仮定します：

<div class="container">
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
</div>

出力を次のようにしたいと思います。

<div class="container">
    <div class="section">
        <div class="item"></div>
        <div class="item"></div>
        <div class="item"></div>
        <div class="item"></div>
    </div>
    <div class="section">
        <div class="item"></div>
        <div class="item"></div>
    </div>
</div>

完璧な世界では、html を変更するだけですが、この場合はサーバー側で生成されているため変更できません。私nextUntil()が欲しいものだと思いますが、それを実装する方法がわかりません。

4

1 に答える 1

1

これを試して：

var $items = $('.container div.items');

for (var i = 0; i < $items.length; i+=4) {
  $items.slice(i, i+4).wrapAll('<div class="section"/>')
}

<a href="http://jsfiddle.net/4sv66/1/" rel="nofollow">デモ

于 2012-08-13T15:53:03.330 に答える