jQuery-де элементтерді жасау және орау
Тегпен орамас бұрын элементті алдын ала құруға болады.
Төменде көрсетілген абзацтарды '<div></div>'
тегтеріне орайық:
<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</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">text</p></div>
<div><p class="www">text</p></div>
<div><p class="www">text</p></div>
<p>text</p>
Екінші әдісті қолданған кезде,
ашылу тегіне (біздің жағдайда '<div>')
кез келген атрибуттарды жазуға болады, сонымен бірге
орау осы атрибуттармен бірге жүзеге асады.
Абзацтарды zzz класы бар дивке орайық:
$('.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>
Әрбір h3-ті aaa класы бар
div-ке ораңыз.
