jQuery包装div中的元素集

您好，我想使用jQuery在div中包装元素集

HTML:

标题

特征
特征

标题

特征
特征

标题

特征
特征

预期结果：

<div class="box">
    <h3>Title</h3>
   <ul>
    <li>Feature</li>
    <li>Feature</li>
    </ul>
    </div>

<div class="box">
    <h3>Title</h3>
   <ul>
    <li>Feature</li>
    <li>Feature</li>
    </ul>
    </div>

<div class="box">
    <h3>Title</h3>
   <ul>
    <li>Feature</li>
    <li>Feature</li>
    </ul>
    </div>

标题

特征
特征

标题

特征
特征

标题

特征
特征

我的问题与以下类似，但我无法让Russ Cam建议的解决方案起作用

提前感谢。

试试这个：

$(document).ready(function(){
 $('h3').each(function(){
  $(this).add( $(this).next() ).wrapAll('<div class="box"></div>');
 })
})

$（文档）.ready（函数（）{
$（'h3'）。每个（函数（）{
$（this.add（$（this.next（））.wrapAll（“”）；
})
})

$(document).ready(function(){
 $('h3').each(function(){
  $(this).add( $(this).next() ).wrapAll('<div class="box"></div>');
 })
})