เมธอด wrapAll

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

ไวยากรณ์

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

.wrapAll(text);

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

.wrapAll(function(index))

ตัวอย่าง

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

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

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

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

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

ดูเพิ่มเติม

เมธอด wrap, wrapInner, unwrap,
สำหรับการทำงานเกี่ยวกับการหุ้มองค์ประกอบ