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