Метод wrap

wrap методу берилген тег менен элементдерди ороп коёт.

Синтаксис

Методдун параметри катары текст (тегдер менен кошо), DOM элементи же jQuery объектиси болушу мүмкүн:

javascript.wrap(text or tag);

Тандалган элементтер колдонуучунун функциясы тарабынан кайтарылуучу мазмун менен мындайча оролот. Функция ар бир тандоо элементи үчүн өзүнчө чакырылып, параметр катары топтогу ордун кабыл алат:

javascript.wrap(function(топтогу номер));

Мисал

www классы бар бардык абзацтарды div теги менен ороп коёлу:

html<p class="www">текст</p>
<p class="www">текст</p>
<p class="www">текст</p>
<p>текст</p>
javascript$('.www').wrap(document.createElement('div'));

HTML коду мындай көрүнөт:

html<div><p class="www">текст</p></div>
<div><p class="www">текст</p></div>
<div><p class="www">текст</p></div>
<p>текст</p>

Мисал

Параметр катары тектин аты гана эмес, төмөнкү конструкция да өткөрүлө алат:

html<p class="www">текст</p>
<p class="www">текст</p>
<p class="www">текст</p>
<p>текст</p>
javascript$('.www').wrap('<div></div>');

HTML коду мындай көрүнөт:

html<div><p class="www">текст</p></div>
<div><p class="www">текст</p></div>
<div><p class="www">текст</p></div>
<p>текст</p>

Мисал

Ачылуучу тегге каалаган атрибуттарды жазууга болот, ороп коюу ушул атрибуттар менен кошо жүрөт. www классы бар абзацтарды zzz классы бар див менен ороп коёлу:

html<p class="www">текст</p>
<p class="www">текст</p>
<p class="www">текст</p>
<p>текст</p>
javascript$('.www').wrap('<div class="zzz"></div>');

HTML коду мындай көрүнөт:

html<div class="zzz"><p class="www">текст</p></div>
<div class="zzz"><p class="www">текст</p></div>
<div class="zzz"><p class="www">текст</p></div>
<p>текст</p>

Ошондой эле караңыз

  • wrapAll, wrapInner, unwrap методдору,
    элементтерди ороп коюу менен иштөөгө мүмкүндүк берет