如何用 jQuery 包装内容？答案

【问题标题】：How to wrap content with jQuery?如何用 jQuery 包装内容？
【发布时间】：2019-04-21 00:31:17
【问题描述】：

如何使用 jQuery 使用占位符 div 环绕内容？

所以我可以转这个：

<div class="placeholder"></div>
<div class="content"></div>
<div class="content"></div>
<div class="content"></div>
<div class="content"></div>
<div class="placeholder"></div>
<div class="content"></div>
<div class="content"></div>
<div class="placeholder"></div>
<div class="content"></div>
<div class="content"></div>
<div class="content"></div>
<div class="placeholder"></div>

进入这个：

<div class="wrap">
  <div class="placeholder"></div>
  <div class="content">Abcd</div>
  <div class="content">Abcd</div>
  <div class="content">Abcd</div>
  <div class="content">Abcd</div>
</div>
<div class="wrap">
  <div class="placeholder"></div>
  <div class="content">Abcd</div>
  <div class="content">Abcd</div>
</div>
<div class="wrap">
  <div class="placeholder"></div>
  <div class="content">Abcd</div>
  <div class="content">Abcd</div>
  <div class="content">Abcd</div>
</div>

【问题讨论】：

更具体：您是否希望它包装所有 div 元素，直到 div 具有“占位符”类？如果没有更多的“占位符” div 那么包装所有的 div 呢？或者你想包装每 3 个 HTML 元素？你的问题解释太多了……
不是每三个元素，可能有任意数量。唯一的变量是会有一个占位符标签。我已经修改了示例以使其更清晰

标签： javascript jquery html css

【解决方案1】：

用 jQuery 1.4 试试这个：

$('.placeholder').each(function(){
     $(this).nextUntil('.placeholder').andSelf().wrapAll('<div class="wrap" />');
});

jQuery 1.4 添加了 nextUntill 函数

【讨论】：