2010-01-11 3 views
5

Bonjour je voudrais utiliser jQuery pour envelopper des ensembles d'éléments dans un divjQuery envelopper ensembles d'éléments dans 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> 

Résultat souhaité:

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

Ma question est semblable à ce qui suit, mais je n'ai pas réussi à faire fonctionner la solution proposée par Russ Cam.

Wrap three repeating div groups into one using jQuery

Merci à l'avance.

Répondre

7

Essayez ceci:

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