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 класы бар div-ке орайық:

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 әдістері,
    элементтерді ораумен жұмыс істеуге мүмкіндік береді