jQuery-да бир нечта элементларни ўраб чиқиш

Ҳар бир элементни алохида-алохида эмас, балки топиладиган барча элементларни бирга ўраб чиқиш мумкин, буни wrapAll методи ёрдамида амалга ошириш мумкин.

HTML кодда абзацлар гуруҳи тақдим этилган:

html<p class="www">матн</p>
<p class="www">матн</p>
<p class="www">матн</p>
<p>матн</p>

Келинг, www синифига эга барча абзацларни топайлик ва уларни бир div теги билан ўраб чиқайлик:

javascript$('.www').wrapAll('<div></div>');

HTML код қандай кўринишга келади:

html<div>
<p class="www">матн</p>
<p class="www">матн</p>
<p class="www">матн</p>
</div>
<p>матн</p>

Эътибор бering, агар ўралаётган элементлар янида TurkEm: турмаса, wrapAll методи аввало элементларни бир жойга кўчиради, сўнгра уларни ўраб чиқади. Куйидаги мисолга қаранг:

html<p class="www">матн1</p>
<p class="www">матн2</p>
<p>матн</p>
<p class="www">матн3</p>

wrapAll методини қўллаймиз:

javascript$('.www').wrapAll('<div></div>');

Натижада биз куйидаги HTML кодни оламиз:

html<div>
  <p class="www">матн1</p>
  <p class="www">матн2</p>
  <p class="www">матн3</p>
</div>
<p>матн</p>

Элементларни ўраб чиқиш методлари шунингдек, топшириқдаги ҳар бир элементга функцияни қўллаш имкониятини таъминлайди.