Metodo wrap
Il metodo wrap avvolge
gli elementi in un tag specificato.
Sintassi
Il parametro del metodo può essere un testo (possibilmente con tag), un elemento DOM o un oggetto jQuery:
.wrap(con cosa avvolgere);
In questo modo gli elementi selezionati vengono avvolti dal contenuto, che sarà restituito da una funzione personalizzata. La funzione viene chiamata separatamente, per ciascuno degli elementi selezionati, e accetta come parametro la posizione dell'elemento nell'insieme:
.wrap(function(numero nell'insieme));
Esempio
Avvolgiamo tutti i paragrafi con la classe www nel tag
div:
<p class="www">testo</p>
<p class="www">testo</p>
<p class="www">testo</p>
<p>testo</p>
$('.www').wrap(document.createElement('div'));
Il codice HTML diventerà così:
<div><p class="www">testo</p></div>
<div><p class="www">testo</p></div>
<div><p class="www">testo</p></div>
<p>testo</p>
Esempio
Come parametro si può passare non solo il nome del tag, ma anche la seguente costruzione:
<p class="www">testo</p>
<p class="www">testo</p>
<p class="www">testo</p>
<p>testo</p>
$('.www').wrap('<div></div>');
Il codice HTML diventerà così:
<div><p class="www">testo</p></div>
<div><p class="www">testo</p></div>
<div><p class="www">testo</p></div>
<p>testo</p>
Esempio
Nel tag di apertura si possono scrivere qualsiasi attributo,
in questo caso l'avvolgimento avverrà insieme a questi
attributi. Avvolgiamo i paragrafi con la classe
www in un div con la classe zzz:
<p class="www">testo</p>
<p class="www">testo</p>
<p class="www">testo</p>
<p>testo</p>
$('.www').wrap('<div class="zzz"></div>');
Il codice HTML diventerà così:
<div class="zzz"><p class="www">testo</p></div>
<div class="zzz"><p class="www">testo</p></div>
<div class="zzz"><p class="www">testo</p></div>
<p>testo</p>
