АКЦЫЯ: бясплатныя месячныя курсы па стварэнні сайтаў
на выбар: вёрстка, JavaScript, PHP, Python або фрэймворкі. Сёння апошні дзень для запісу! Націскай!
20 of 119 menu

Метад 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>

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

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