Metoda wrap
Metoda wrap ovija
elemente v določeno oznako.
Sintaksa
Parameter metode je lahko besedilo (mogoče z oznakami), DOM element ali objekt jQuery:
javascript.wrap(text or tag);
Tako se izbrani elementi ovijejo z vsebino, ki jo vrne uporabniška funkcija. Funkcija se pokliče ločeno za vsakega izmed izbranih elementov; kot parameter sprejme položaj elementa v nizu:
javascript.wrap(function(številka v nizu));
Primer
Ovijmo vse odstavke z razredom www z oznako
div:
html<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>javascript$('.www').wrap(document.createElement('div'));
HTML koda bo takole:
html<div><p class="www">text</p></div>
<div><p class="www">text</p></div>
<div><p class="www">text</p></div>
<p>text</p>
Primer
Kot parameter lahko podamo ne le ime oznake, temveč tudi naslednjo konstrukcijo:
html<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>javascript$('.www').wrap('<div></div>');
HTML koda bo takole:
html<div><p class="www">text</p></div>
<div><p class="www">text</p></div>
<div><p class="www">text</p></div>
<p>text</p>
Primer
V začetno oznako lahko zapišemo poljubne atribute,
pri čemer bo ovijanje potekalo skupaj s temi
atributi. Ovijmo odstavke z razredom
www z div z razredom zzz:
html<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>javascript$('.www').wrap('<div class="zzz"></div>');
HTML koda bo takole:
html<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>