Metode wrap

Metode wrap ietīj elementus norādītajā tagā.

Sintakse

Metodes parametrs var būt teksts (iespējams ar tagiem), DOM elements vai jQuery objekts:

javascript.wrap(text or tag);

Šādi atlasītie elementi tiek ietīti saturā, ko atgriezīs lietotāja definēta funkcija. Funkcija tiek izsaukta atsevišķi katram no atlasītajiem elementiem, kā parametru saņemot elementa pozīciju kopā:

javascript.wrap(function(numurs kopā));

Piemērs

Ietīsim visus rindkopas ar klasi www tagā 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 kods izskatīsies šādi:

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>

Piemērs

Kā parametru var padot ne tikai taga nosaukumu, bet arī šādu konstrukciju:

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 kods izskatīsies šādi:

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>

Piemērs

Atverošajā tagā var rakstīt jebkurus atribūtus, tādā gadījumā ietīšana notiks kopā ar šiem atribūtiem. Ietīsim rindkopas ar klasi www div ar klasi 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 kods izskatīsies šādi:

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>

Skatiet arī