การลบองค์ประกอบแม่โดยใช้เมธอด unwrap ใน jQuery

เราสามารถทำในทางกลับกันได้ ไม่ใช่การห่อหุ้มองค์ประกอบ แต่เป็นการคลี่องค์ประกอบออก (นั่นคือการลบองค์ประกอบแม่) โดยใช้เมธอด unwrap.

ในตัวอย่างต่อไปนี้ เรามีย่อหน้า, ที่อยู่ภายในแท็ก div:

html<div><p class="www">ข้อความ</p></div>
<div><p class="www">ข้อความ</p></div>
<div><p class="www">ข้อความ</p></div>
<div><p>ข้อความ</p></div>

เรามาดำเนินการคลี่องค์ประกอบ unwrap สำหรับย่อหน้าที่มีคลาส www กัน:

javascript$('.www').unwrap();

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

html<p class="www">ข้อความ</p>
<p class="www">ข้อความ</p>
<p class="www">ข้อความ</p>
<div><p>ข้อความ</p></div>

นอกจากนี้ เรายังสามารถส่งซีเลกเตอร์ในรูปแบบ สตริงเข้าไปในเมธอดได้ ซึ่งเมธอดจะทำงานก็ต่อเมื่อองค์ประกอบแม่ ตรงกับซีเลกเตอร์ที่กำหนด:

javascript$('i').unwrap('p');