Membungkus Beberapa Elemen dalam jQuery

Anda dapat membungkus tidak setiap elemen secara terpisah, tetapi semua elemen yang ditemukan bersama-sama menggunakan metode wrapAll.

Dalam kode HTML disajikan sekelompok paragraf:

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

Mari kita temukan semua paragraf dengan kelas www dan bungkus mereka dalam satu tag div:

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

Kode HTML akan menjadi seperti ini:

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

Perhatikan bahwa jika elemen yang akan dibungkus letaknya tidak berdekatan, maka metode wrapAll pertama-tama akan memindahkan elemen-elemen tersebut ke satu tempat, lalu membungkusnya. Lihat contoh berikut:

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

Terapkan metode wrapAll:

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

Hasilnya, kita mendapatkan kode HTML berikut:

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

Metode pembungkusan elemen juga menyediakan kemungkinan penerapan fungsi untuk setiap elemen dalam kumpulan.