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>'); 
}) 
})