使用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-col div。

有谁知道怎么做？

Answer 1

尝试

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

演示：Fiddle

Answer 2

您是否尝试在选择器中添加p：

$('.postwrap').each(function(){
    $(this).find('h1, p').wrapAll('<div class="first-col" />');
    $(this).find('.img').wrapAll('<div class="second-col" />');
});