jquery - 在 n 个元素之间创建 div

Question

任何人都可以帮我解决如何在两个标题之间包裹一个 div 的问题吗？我无法为元素添加任何类/Id。

例如:

<h1>heading</h1>
<p>sample content</p>
<p>sample content</p>
<p>sample content</p>
<h3>Heading</h3>

我需要以下格式

<h1>heading</h1>
<div>
<p>sample content</p>
<p>sample content</p>
<p>sample content</p>
</div>
<h3>Heading</h3>

提前致谢

Answer 1

使用nextUntil和 wrapAll

$('h1').nextUntil('h3').wrapAll('<div class="wrapped"></div>');

.wrapped {
  color: green
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<h1>heading</h1>
<p>sample content</p>
<p>sample content</p>
<p>sample content</p>
<h3>Heading</h3>