jQueryде элементтерди жаратуу жана ороп коюу
Тег менен ороп коюудон мурун, элементти документте алдын ала жаратууга болот.
Төмөндө көрсөтүлгөн абзацтарды '<div></div>' тегдерине ороп көрөлү:
<p class="www">текст</p>
<p class="www">текст</p>
<p class="www">текст</p>
<p>текст</p>
Бул үчүн документте элементти алдын ала
document.createElement('div') колдонуу менен жаратууга болот:
$('.www').wrap(document.createElement('div'));
Же:
let div = document.createElement("div");
$('.www').wrap(div);
Параметр катары тектин аты гана эмес,
мындай конструкцияны да - '<div></div>'
- берүүгө болот, бул учурда натыйжа так ушундай болот:
$('.www').wrap('<div></div>');
HTML коду мындай көрүнөт:
<div><p class="www">текст</p></div>
<div><p class="www">текст</p></div>
<div><p class="www">текст</p></div>
<p>текст</p>
Экинчи ыкманы колдонгондо,
ачылуучу тегге (биздин учурда '<div>')
каалаган атрибуттарды жазса болот, ал эми
ороп коюу ушул атрибуттар менен бирге ишке ашат.
Келгиле, биздин абзацтарды классы
zzz болгон див менен ороп көрөлү:
$('.www').wrap('<div class="zzz"></div>');
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>
Ар бир h3 тегдин классы aaa болгон
div тегине ороп коюңуз.
