javascript - 使用 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" />');

演示：小提琴

Answer 2

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

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