我有一组这样的元素:
<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" />');
但它只是围绕着整个地段。它真的必须从零索引开始,然后下一个,直到它到达一个 .box.fs 然后环绕在那之前的所有东西。我不确定如何将其传达给代码。也许别人知道?
原因:我正在尝试为要在桌面和移动设备上使用的样式表创建多/单列布局。