在n个元素

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>