jQueryде элементтерди жаратуу жана ороп коюу

Тег менен ороп коюудон мурун, элементти документте алдын ала жаратууга болот. Төмөндө көрсөтүлгөн абзацтарды '<div></div>' тегдерине ороп көрөлү:

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

Бул үчүн документте элементти алдын ала document.createElement('div') колдонуу менен жаратууга болот:

javascript$('.www').wrap(document.createElement('div'));

Же:

javascriptlet div = document.createElement("div");
$('.www').wrap(div);

Параметр катары тектин аты гана эмес, мындай конструкцияны да - '<div></div>' - берүүгө болот, бул учурда натыйжа так ушундай болот:

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>

Экинчи ыкманы колдонгондо, ачылуучу тегге (биздин учурда '<div>') каалаган атрибуттарды жазса болот, ал эми ороп коюу ушул атрибуттар менен бирге ишке ашат.

Келгиле, биздин абзацтарды классы zzz болгон див менен ороп көрөлү:

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>