使用wrapAll - jQuery选择不同的元素

Question

我正在尝试使用jQuery wrapAll 将h1标记和多个p标记包装成一个div.

这是我的HTML:

<h1>Title</h1>
<p>This is a paragraph</p>
<p>This is another paragraph</p>
<div class="img"></div>

而我的jQuery:

$('h1').wrapAll('<div class="first-col" />');
$('.img').wrapAll('<div class="second-col" />');

还有一个JSFIDDLE.

目前,我只能分别环绕h1标签或两者h1和p标签.我希望他们都在一个first-coldiv中.

有谁知道如何做到这一点？

Answer 1

尝试

$('h1').nextUntil('div.img').addBack().wrapAll('<div class="first-col" />');

演示:小提琴