Metoda wrap
Metoda wrap zawija
elementy w określony tag.
Składnia
Parametrem metody może być tekst (możliwie z tagami), element DOM lub obiekt jQuery:
.wrap(czym zawinąć);
W ten sposób wybrane elementy są zawijane treścią, która zostanie zwrócona przez funkcję użytkownika. Funkcja jest wywoływana oddzielnie dla każdego z wybranych elementów, jako parametr przyjmuje pozycję elementu w zestawie:
.wrap(function(numer w zestawie));
Przykład
Zawińmy wszystkie akapity z klasą www tagiem
div:
<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>
$('.www').wrap(document.createElement('div'));
Kod HTML będzie wyglądać tak:
<div><p class="www">text</p></div>
<div><p class="www">text</p></div>
<div><p class="www">text</p></div>
<p>text</p>
Przykład
Parametrem można przekazywać nie tylko nazwę tagu, ale także następującą konstrukcję:
<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>
$('.www').wrap('<div></div>');
Kod HTML będzie wyglądać tak:
<div><p class="www">text</p></div>
<div><p class="www">text</p></div>
<div><p class="www">text</p></div>
<p>text</p>
Przykład
W tag otwierający można wpisywać dowolne atrybuty,
przy tym zawijanie będzie razem z tymi
atrybutami. Zawińmy akapity z klasą
www divem z klasą 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>');
Kod HTML będzie wyglądać tak:
<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>
