Membungkus Beberapa Elemen dalam jQuery

Bukan setiap elemen perlu dibungkus secara berasingan, kesemua elemen yang ditemui boleh dibungkus bersama menggunakan kaedah wrapAll.

Kod HTML memaparkan sekumpulan perenggan:

html<p class="www">teks</p>
<p class="www">teks</p>
<p class="www">teks</p>
<p>teks</p>

Mari cari semua perenggan dengan kelas www dan bungkuskan mereka dalam satu tag div:

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

Kod HTML akan kelihatan seperti ini:

html<div>
<p class="www">teks</p>
<p class="www">teks</p>
<p class="www">teks</p>
</div>
<p>teks</p>

Perhatikan, jika elemen-elemen yang hendak dibungkus tidak terletak bersebelahan, kaedah wrapAll akan mengalihkan elemen-elemen tersebut ke satu lokasi terlebih dahulu, kemudian membungkus mereka. Lihat contoh berikut:

html<p class="www">teks1</p>
<p class="www">teks2</p>
<p>teks</p>
<p class="www">teks3</p>

Kita gunakan kaedah wrapAll:

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

Hasilnya, kita mendapat kod HTML berikut:

html<div>
  <p class="www">teks1</p>
  <p class="www">teks2</p>
  <p class="www">teks3</p>
</div>
<p>teks</p>

Kaedah pembungkusan elemen juga menyediakan keupayaan untuk menggunakan fungsi pada setiap elemen dalam set.