jQuery的包装套元素的DIV

Question

你好，我想使用jQuery来包装一组元素在一个div

HTML：

<h3>Title</h3> 
<ul> 
<li>Feature</li> 
<li>Feature</li> 
</ul> 

<h3>Title</h3> 
<ul> 
<li>Feature</li> 
<li>Feature</li> 
</ul> 

<h3>Title</h3> 
<ul> 
<li>Feature</li> 
<li>Feature</li> 
</ul> 

所需的结果：

<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建议的解决方案。

Wrap three repeating div groups into one using jQuery

在此先感谢。

Answer 1

试试这个：

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