Phương thức detach
Phương thức detach xóa các phần tử được chọn
với khả năng khôi phục chúng. Phương thức tiện lợi khi
chúng ta muốn chèn lại các phần tử đã xóa sau này.
Cú pháp
Chúng ta xóa các phần tử như thế này. Ngoài ra, chúng ta có thể
lọc các phần tử được chọn bằng cách truyền cho phương thức
tham số tùy chọn selector:
.detach([selector]);
Ví dụ
Hãy xóa đoạn văn có #test bằng phương thức
detach và khôi phục nó, sử dụng phương thức
appendTo
để chèn phần tử vào div:
<p id="test">văn bản</p>
<div></div>
let $elem = $('#test');
$elem.detach(); // xóa phần tử
$elem.appendTo('div'); // chèn phần tử trở lại trang
Mã HTML sẽ trông như thế này:
<div><p id="test">văn bản</p></div>