私は次のような要素のセットを持っています:
<div class="cols">
<div class="col">
<div class="box"></div>
<div class="box"></div>
<div class="box fs"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box fs"></div>
<div class="box"></div>
</div>
</div>
次のように要素をグループ化したいと思います。
<div class="col">
<div class="g">
<div class="box"></div>
<div class="box"></div>
</div>
<div class="g">
<div class="box fs"></div>
</div>
<div class="g">
<div class="box"></div>
<div class="box"></div>
</div>
<div class="g">
<div class="box fs"></div>
</div>
<div class="g">
<div class="box"></div>
</div>
</div>
</div>
私はの線に沿って何かを試しています
$('div.cols div.col div.box').nextUntil('.box.fs').andSelf().wrapAll('<div class="g" />');
しかし、それは全体を包み込んでいるだけです。実際には、インデックス 0 から開始し、次に .box.fs に到達するまで、その前のすべてをラップする必要があります。それをコードに伝える方法がわかりません。多分他の誰かが知っていますか?
理由: デスクトップおよびモバイル デバイスで使用するスタイルシートのマルチ/シングル カラム レイアウトを作成しようとしています。