jQuery-да бир нечта элементларни ўраб чиқиш
Ҳар бир элементни алохида-алохида эмас, балки
топиладиган барча элементларни бирга ўраб чиқиш мумкин, буни
wrapAll
методи ёрдамида амалга ошириш мумкин.
HTML кодда абзацлар гуруҳи тақдим этилган:
<p class="www">матн</p>
<p class="www">матн</p>
<p class="www">матн</p>
<p>матн</p>
Келинг, www синифига эга барча абзацларни топайлик ва
уларни бир div теги билан ўраб чиқайлик:
$('.www').wrapAll('<div></div>');
HTML код қандай кўринишга келади:
<div>
<p class="www">матн</p>
<p class="www">матн</p>
<p class="www">матн</p>
</div>
<p>матн</p>
Эътибор бering, агар ўралаётган элементлар янида
TurkEm: турмаса, wrapAll методи аввало
элементларни бир жойга кўчиради, сўнгра
уларни ўраб чиқади. Куйидаги мисолга қаранг:
<p class="www">матн1</p>
<p class="www">матн2</p>
<p>матн</p>
<p class="www">матн3</p>
wrapAll методини қўллаймиз:
$('.www').wrapAll('<div></div>');
Натижада биз куйидаги HTML кодни оламиз:
<div>
<p class="www">матн1</p>
<p class="www">матн2</p>
<p class="www">матн3</p>
</div>
<p>матн</p>
Элементларни ўраб чиқиш методлари шунингдек, топшириқдаги ҳар бир элементга функцияни қўллаш имкониятини таъминлайди.
Барча h2 элементларни бир i теги билан ўраб чиқинг.
