Метад wrap

Метад wrap абгортвае элементы ў зададзены тэг.

Сінтаксіс

Параметрам метада можа служыць тэкст (магчыма з тэгамі), DOM элемент аб'ект jQuery:

javascript.wrap(чым абгарнуць);

Вось так выбраныя элементы абгортваюцца зместам, якое будзе вернута карыстальніцкай функцыяй. Функцыя выклікаецца асобна, для кожнага з выбраных элементаў, у якасці параметра прымае пазіцыю элемента ў наборы:

javascript.wrap(function(нумар у наборы));

Прыклад

Абгорнем усе абзацы з класам www тэгам 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 код стане выглядаць так:

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>

Прыклад

Параметрам можна перадаваць не толькі імя тэга, але і наступную канструкцыю:

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 код стане выглядаць так:

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:

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 код стане выглядаць так:

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>

Глядзіце таксама

  • метады wrapAll, wrapInner, unwrap,
    якія дазваляюць працаваць з абгартаннем элементаў