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

Question

我正在尝试将 div 中的所有 <p> 包装在 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>');

或者像this一样使用.wrapInner()：

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