jquery - 在 jquery 中包装非子元素

Question

我目前有一个以下格式的 html 文档:

<h1>a</h1>
<p>bla</p>
<p>more bla</p>

<h1>b</h1>
<p>different bla</p>

我正在寻找一种方法来包装 <h1>它在 <p> 之后在一个 div 中，所以它看起来像:

<div>
    <h1>a</h1>
    <p>bla</p>
    <p>more bla</p>
</div>

<div>
    <h1>b</h1>
    <p>different bla</p>
</div>

但我使用 wrap 和 wrapAll 来实现这一点一直没有成功。

Answer 1

var tagName = 'h1';
$(tagName).each(function ()
{
    var $this = $(this);
    $this.add($this.nextUntil(tagName)).wrapAll('<div></div>');
});

Demo demo demo demo demo