เมธอด wrapAll

เมธอด wrapAll หุ้ม องค์ประกอบทั้งหมดในเซตด้วยแท็กที่กำหนดหนึ่งแท็ก หากองค์ประกอบเหล่านี้อยู่ตำแหน่งต่างกัน jQuery จะวางมันให้อยู่ติดกันก่อน จากนั้น ค่อยหุ้มด้วยแท็กที่ต้องการ

ไวยากรณ์

พารามิเตอร์ของเมธอดสามารถเป็นข้อความ (อาจมี แท็ก), องค์ประกอบ DOM หรือออบเจ็กต์ jQuery:

javascript.wrapAll(text);

นอกจากนี้เรายังสามารถใช้ฟังก์ชันสำหรับ แต่ละองค์ประกอบได้:

javascript.wrapAll(function(index))

ตัวอย่าง

ลองหุ้มย่อหน้าที่มีคลาส www ด้วยแท็ก div:

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

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

โค้ด HTML จะกลายเป็นดังนี้:

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

ดูเพิ่มเติม