exemple .wrapAll() ajouté à celui de .wrap() et .unwrap()

exemples/jquery/insertion-wrap-et-unwrap/example.html

@@ -7,4 +7,9 @@
 <div class="niveau-0">
   <div class="niveau-2">Salut</div>
   <div class="niveau-2">Au revoir</div>
+</div>
+
+<div class="niveau-0">
+  <div class="niveau-2">Hola</div>
+  <div class="niveau-2">Adios</div>
 </div>

exemples/jquery/insertion-wrap-et-unwrap/script.js

@@ -1,11 +1,14 @@
 // Insertion : wrap et unwrap
 $('.niveau-2').wrap('<div class="niveau-1"></div>');
 
-// On utilise le sélecteur :last pour ne prendre que les .niveau-2
+// On utilise le filtre :eq(1) pour ne prendre que les .niveau-2
 // de la seconde div.niveau-0, et on supprime la div.niveau-1 ajoutée avant
-$('.niveau-0:last .niveau-2').unwrap();
+$('.niveau-0:eq(1) .niveau-2').unwrap();
 
-// On utilise le sélecteur :first pour ne prendre que les .niveau-2
+// On utilise le filtre :first pour ne prendre que les .niveau-2
 // de la première div.niveau-0. Mais la restriction avec le sélecteur
 // fait que ça ne fait rien (les .niveau-2 n'ont pas de parent .niveau-99)
-$('.niveau-0:first .niveau-2').unwrap('.niveau-99');
+$('.niveau-0:first .niveau-2').unwrap('.niveau-99');
+
+// Exemple wrapAll. Filtre :last pour ne cibler que la dernière div.niveau-0
+$('.niveau-0:last .niveau-2').wrapAll('<div class="niveau-1"></div>');