需要包装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/