Metod wrap

Metod wrap obmotava elemente u zadati tag.

Sintaksa

Parametrom metoda može poslužiti tekst (moguće sa tagovima), DOM element ili jQuery objekat:

javascript.wrap(text or tag);

Ovako izabrani elementi se obmotavaju sadržajem, koji će biti vraćen od strane korisničke funkcije. Funkcija se poziva odvojeno, za svaki od izabranih elemenata, kao parametar prihvata poziciju elementa u skupu:

javascript.wrap(function(redni broj u skupu));

Primer

Obmotajmo sve pasuse sa klasom www tagom div:

html<p class="www">tekst</p>
<p class="www">tekst</p>
<p class="www">tekst</p>
<p>tekst</p>
javascript$('.www').wrap(document.createElement('div'));

HTML kod će izgledati ovako:

html<div><p class="www">tekst</p></div>
<div><p class="www">tekst</p></div>
<div><p class="www">tekst</p></div>
<p>tekst</p>

Primer

Kao parametar se može proslediti ne samo ime taga, već i sledeća konstrukcija:

html<p class="www">tekst</p>
<p class="www">tekst</p>
<p class="www">tekst</p>
<p>tekst</p>
javascript$('.www').wrap('<div></div>');

HTML kod će izgledati ovako:

html<div><p class="www">tekst</p></div>
<div><p class="www">tekst</p></div>
<div><p class="www">tekst</p></div>
<p>tekst</p>

Primer

U otvarajući tag je moguće upisati bilo koje atribute, pri čemu će obmotavanje biti sa tim atributima. Hajde da obmotamo pasuse sa klasom www div-om sa klasom zzz:

html<p class="www">tekst</p>
<p class="www">tekst</p>
<p class="www">tekst</p>
<p>tekst</p>
javascript$('.www').wrap('<div class="zzz"></div>');

HTML kod će izgledati ovako:

html<div class="zzz"><p class="www">tekst</p></div>
<div class="zzz"><p class="www">tekst</p></div>
<div class="zzz"><p class="www">tekst</p></div>
<p>tekst</p>

Pogledajte takođe