需要包裝H3和DIV在包裝的div使用jQuery

Question

我有以下HTML：

<div class="accordion"> 
    <h3>My title</h3> 
    <div>My content</div> 
    <h3>My title</h3> 
    <div>My content</div> 
    <h3>My title</h3> 
    <div>My content</div> 
</div> 

我需要通過jQuery做的是包裹每個H3的和div的在另一個DIV CLASS =「myDiv」 ，所以最後的結果將是這樣的：

<div class="accordion"> 
    <div class="myDiv"> 
    <h3>My title</h3> 
    <div>My content</div> 
    </div> 
    <div class="myDiv"> 
    <h3>My title</h3> 
    <div>My content</div> 
    </div> 
    <div class="myDiv"> 
    <h3>My title</h3> 
    <div>My content</div> 
    </div> 
</div> 

我會怎麼做這與jQuery？

Answer 1

像這樣的東西應該這樣做：

$('.accordion h3').each(function() { 
    $(this).nextUntil('h3').andSelf().wrapAll('<div class="myDiv"/>'); 
}); 

jsFiddle example

見API：

• nextUntil
• andSelf
• wrapAll

Answer 2

試試這個：

$("h3").each(function(){ 
    $(this).next("div").andSelf().wrapAll("<div class='myDiv'></div>"); 
}); 

http://jsfiddle.net/BSQpf/