我有一个允许用户在页面上插入内容块的 cms。用户可以使用不同类型的内容块,它们可以按任何顺序插入。示例高级 dom 结构可能如下所示:
<p>Some rich text</p>
<div class="box">...</div>
<div class="box">...</div>
<div class="box">...</div>
<h3>Some more rich text</h3>
<p>Lorem ipsum</p>
<div class="box">...</div>
<div class="box">...</div>
我想要做的是将任何相邻的“盒子”div 包装在一个包装“容器”div 中。因此,在上面的示例中,将插入两个“容器”div,因为有两组盒子 div,结果是:
<p>Some rich text</p>
<div class="container">
<div class="box">...</div>
<div class="box">...</div>
<div class="box">...</div>
</div>
<h3>Some more rich text</h3>
<p>Lorem ipsum</p>
<div class="container">
<div class="box">...</div>
<div class="box">...</div>
</div>
我不认为有一个聪明的方法可以用 css 选择器来做,所以有人知道用 jQuery 做这个吗?