Loại bỏ phần tử cha bằng phương thức unwrap trong jQuery

Ngược lại, bạn có thể không bọc phần tử mà "mở" nó ra (tức là loại bỏ phần tử cha) bằng phương thức unwrap.

Trong ví dụ sau, chúng ta có các đoạn văn nằm bên trong các thẻ div:

<div><p class="www">văn bản</p></div>
<div><p class="www">văn bản</p></div>
<div><p class="www">văn bản</p></div>
<div><p>văn bản</p></div>

Hãy thực hiện thao tác mở ra unwrap cho các đoạn văn có lớp www:

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

Mã HTML sẽ trông như thế này:

<p class="www">văn bản</p>
<p class="www">văn bản</p>
<p class="www">văn bản</p>
<div><p>văn bản</p></div>

Bạn cũng có thể truyền một bộ chọn vào phương thức dưới dạng chuỗi, khi đó nó sẽ chỉ hoạt động nếu phần tử cha phù hợp với bộ chọn đã chỉ định:

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

Tìm các đoạn văn p được bọc bởi các div div và xóa các div đó.

Tìm tất cả các thẻ span được bọc bởi các đoạn văn p và xóa các đoạn văn đó, mà không chạm vào các thẻ span.