jQuery-де элементтерді жасау және орау

Тегпен орамас бұрын элементті алдын ала құруға болады. Төменде көрсетілген абзацтарды '<div></div>' тегтеріне орайық:

html<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</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">text</p></div>
<div><p class="www">text</p></div>
<div><p class="www">text</p></div>
<p>text</p>

Екінші әдісті қолданған кезде, ашылу тегіне (біздің жағдайда '<div>') кез келген атрибуттарды жазуға болады, сонымен бірге орау осы атрибуттармен бірге жүзеге асады.

Абзацтарды zzz класы бар дивке орайық:

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>