Метад wrap
Метад wrap
абгортвае
элементы ў зададзены тэг.
Сінтаксіс
Параметрам метада можа служыць тэкст (магчыма з тэгамі), DOM элемент аб'ект jQuery:
.wrap(чым абгарнуць);
Вось так выбраныя элементы абгортваюцца зместам, якое будзе вернута карыстальніцкай функцыяй. Функцыя выклікаецца асобна, для кожнага з выбраных элементаў, у якасці параметра прымае пазіцыю элемента ў наборы:
.wrap(function(нумар у наборы));
Прыклад
Абгорнем усе абзацы з класам www
тэгам
div
:
<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>
$('.www').wrap(document.createElement('div'));
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>
Прыклад
Параметрам можна перадаваць не толькі імя тэга, але і наступную канструкцыю:
<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>
$('.www').wrap('<div></div>');
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>
Прыклад
У які адкрываючы тэг можна пісаць любыя атрыбуты,
пры гэтым абгартанне будзе разам з гэтымі
атрыбутамі. Давайце абгорнем абзацы з класам
www
дывам з класам 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>');
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>