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：围绕匹配元素集中的所有元素包装HTML结构。

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

<强> Working Demo

Answer 2

您还可以将prepend()与append()

一起使用

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

检查this小提琴

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

2 个答案: