javascript - 使用 jQuery 用 div 包装不同的 html 标签

Question

我在 HTML 中有以下几行:

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

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

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

如果我使用 .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 : Wrap an HTML structure around all elements in the set of matched elements.

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

Working Demo