包装多个 <p> 在jQuery的div中

Question

在以下标记中，有两个<p>标记。 如何使用jQuery将它们都包装在一个div中？

<div class="box">
    <ul>
        <li>1</li>
        <li>1</li>
    </ul>
    <p>paragraph 1</p>
    <p>paragraph 2</p>
</div>

所需的输出应为：

<div class="wrap">
    <p>paragraph 1</p>
    <p>paragraph 2</p>
</div>

我一直在尝试jQuery函数.wrap，但是没有这样做。 我只能尝试跟随，但是它将两个<p>分别包装在单独的<div> ：

$( "p" ).wrap( "<div class='wrap'></div>" );

JSFiddle： http : //jsfiddle.net/avfr8fpe/

Answer 1

您可以使用wrapAll ：

$( "p" ).wrapAll( "<div class='wrap'></div>" );