JQuery：如何从所选元素中逐个元素地选择元素直到另一个选定元素

Question

假设我们有以下标题的列表：

<h1>Heading</h1>

<h2>Heading</h2>
<h3>Heading</h3>
<p>Paragraph</p>
<h4>Heading</h4>

<h5>Heading</h5>
<h6>Heading</h6>

<h2>Heading</h2>
<h3>Heading</h3>
<p>Paragraph</p>
<h4>Heading</h4>

<h5>Heading</h5>
<h6>Heading</h6>

如何从<h2>-<h4>中选择元素，然后按组将它们包装在<fieldset>元素上？ 那将有2个由fieldset包裹的组。

我尝试了下面的代码，但它没有像我预期的那样工作。

jQuery('h2').nextUntil('h4');

哪种选择器和功能有效？

Answer 1

$('h2,h3,h4').wrapAll('<fieldset>');

应该做的伎俩。

Answer 2

如果你使用jQuery：

$( "h2, h3, h4" ).wrapAll( "<fieldset></fieldset>" );