Metoda wrap
Metoda wrap înfășoară
elementele într-un tag specificat.
Sintaxă
Parametrul metodei poate fi text (posibil cu tag-uri), element DOM sau obiect jQuery:
.wrap(ce să înfășoare);
Așa elementele selectate sunt înfășurate în conținutul, care va fi returnat de funcția personalizată. Funcția este apelată separat, pentru fiecare dintre elementele selectate, ca parametru primește poziția elementului în set:
.wrap(function(număr în set));
Exemplu
Să înfășurăm toate paragrafele cu clasa www în tag-ul
div:
<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>
$('.www').wrap(document.createElement('div'));
Codul HTML va arăta astfel:
<div><p class="www">text</p></div>
<div><p class="www">text</p></div>
<div><p class="www">text</p></div>
<p>text</p>
Exemplu
Ca parametru se pot transmite nu doar numele tag-ului, ci și următoarea construcție:
<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>
$('.www').wrap('<div></div>');
Codul HTML va arăta astfel:
<div><p class="www">text</p></div>
<div><p class="www">text</p></div>
<div><p class="www">text</p></div>
<p>text</p>
Exemplu
În tag-ul de deschidere se pot scrie orice atribute,
în acest caz înfășurarea se va face împreună cu aceste
atribute. Să înfășurăm paragrafele cu clasa
www într-un div cu clasa zzz:
<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>
$('.www').wrap('<div class="zzz"></div>');
Codul HTML va arăta astfel:
<div class="zzz"><p class="www">text</p></div>
<div class="zzz"><p class="www">text</p></div>
<div class="zzz"><p class="www">text</p></div>
<p>text</p>
