besoin d'envelopper h3 et div en emballage div avec jquery

Question

J'ai le code HTML suivant:

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

Ce que je dois faire via jQuery est envelopper chacun des années h3 et années div dans une autre div class = « myDiv » , donc la sortie finale ressemblerait à:

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

Comment le ferais-je avec jquery?

Answer 1

Quelque chose comme ça devrait le faire:

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

jsFiddle example

Voir l'API:

• nextUntil
• andSelf
• wrapAll

Answer 2

Essayez ceci:

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

http://jsfiddle.net/BSQpf/