在div中过滤<p>并包装所有</p>

Question

我正在尝试将<p>中的所有div包裹在sub-div中; <p>的数量不是恒定的。

<div id="page">
  <p>text</p>
  <p>text</p>
  <p>text</p>
</div>

试图获得：

<div id="page">
  <div>
    <p>text</p>
    <p>text</p>
    <p>text</p>
  </div>
</div>

使用：

<script>
 jQuery('#page').filter('p').wrapAll('<div></div>');
</script>

它没有用。

Answer 1

您可以使用.wrapAll()之类的this来执行此操作：

jQuery('#page p').wrapAll('<div></div>');

或使用.wrapInner()之类的this：

jQuery('#page').wrapInner('<div></div>');