jQuery，包装所有连续元素？

Question

对于jQuery，是否有一个版本的wrapAll 可以包装所有连续的元素？像这样:

<h2>bar</h2>
<h2>bar</h2>
<p>foo</p>
<p>foo</p>
<h2>bar</h2>
<p>foo</p>
<h2>bar</h2>

变成这样:

<h2>bar</h2>
<h2>bar</h2>
<div>
    <p>foo</p>
    <p>foo</p>
    <h2>bar</h2>
    <p>foo</p>
</div>
<h2>bar</h2>

<小时/>

或者更复杂，嵌套

:

<h2>bar</h2>
<h2>bar</h2>
<span>
    <p>foo</p>
    <p>foo</p>
</span>
<h2>bar</h2>
<p>foo</p>
<h2>bar</h2>
<span>
    <p>foo</p>
</span>
<h2>bar</h2>

变成这样:

<h2>bar</h2>
<h2>bar</h2>
<div>
    <span>
       <p>foo</p>
       <p>foo</p>
    </span>
    <h2>bar</h2>
    <p>foo</p>
    <h2>bar</h2>
    <span>
        <p>foo</p>
    </span>
</div>
<h2>bar</h2>

什么时候运行？

$('p').wrapAll2('<div />')

Answer 1

据我所知没有这样的函数，但是你可以自己写。乍一看似乎并不太难。

您必须遍历页面上的所有“p”(或任何您想要包装的元素)元素，找到第一个元素，然后找到最后一个父元素，然后找到最后一个元素，然后找到最后一个父元素，然后获取其间的所有元素，包括第一个和最后一个父级并将它们包装到所需的标签中。