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

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

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

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

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

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

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

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

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

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

ค้นหาย่อหน้า p ที่ถูกห่อหุ้มด้วย div div และลบ div เหล่านั้นออก

ค้นหาแท็ก span ทั้งหมดที่ถูกห่อหุ้มด้วย ย่อหน้า p และลบย่อหน้าเหล่านั้นออก โดยไม่ แตะต้องแท็ก span