การห่อหุ้มองค์ประกอบใน jQuery

สามารถห่อหุ้มแท็กด้วยแท็กอื่นได้ เช่น ถ้าเรามีย่อหน้า เราก็สามารถ ห่อหุ้มเพิ่มเติมด้วยแท็ก div ได้ สำหรับ สิ่งนี้ใช้เมธอด wrap, ซึ่งช่วยให้สามารถห่อหุ้มแต่ละองค์ประกอบที่พบ ด้วยแท็กที่ระบุได้

ตัวอย่างเช่น สมมติว่าเรามีย่อหน้าที่มีคลาส www:

<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>

ลองห่อหุ้มพวกมันด้วยแท็ก div:

$('.www').wrap('<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>

ให้ห่อหุ้มแต่ละ h3 ด้วย div