使用jQuery使用div包装传递html标签

Question

我在HTML中有以下几行：

<header class="title">
    <h3>Billing Address</h3>
</header>

<address>
 <p>Address</p>
</address>

我想使用jQuery将它们包装在一个新的div之间，因为我无法访问HTML。

如果我使用.before()和.before() .after() ，它就不起作用

$('header').before('<div="new-div">');
$('address').after('</div>');

我尝试过.wrap()和.append() ，但也无法正常工作。

结果应该是：

<div class="new-div">
    <header class="title">
        <h3>Billing Address</h3>
    </header>

    <address>
     <p> Address </p>
    </address>
</div>

谢谢！

Answer 1

使用.wrapAll()而不是.wrap() ：

wrapAll：围绕匹配元素集中的所有元素包装HTML结构。

$( "header,address" ).wrapAll( "<div class='new' />");

工作演示

Answer 2

你也可以使用prepend()和append()

$('header').prepend('<div="new-div">');
$('address').append('MYDIV</div>');

检查这个小提琴