jQuery quấn bộ các yếu tố trong div

Question

Xin chào tôi muốn sử dụng jQuery để quấn bộ các yếu tố trong một 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> 

Kết quả mong muốn:

<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> 

Câu hỏi của tôi tương tự như sau nhưng tôi đã không thể có được giải pháp được đề xuất bởi Russ Cam để làm việc.

Wrap three repeating div groups into one using jQuery

Xin cảm ơn trước.

Answer 1

Hãy thử cách này:

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