วิธี detach ใน jQuery

ส่วนวิธี detach ต่างจากวิธี remove คือจะลบองค์ประกอบที่เลือกโดยมีความสามารถในการกู้คืนกลับมาได้

สมมติว่าเรามีโค้ด HTML ดังต่อไปนี้:

<p id="test">ข้อความ</p>
<div></div>

ลองลบองค์ประกอบ #test ก่อน ด้วย detach จากนั้นกู้คืนมันกลับมา ในตำแหน่งอื่นด้วยวิธี appendTo (เป็นไปได้เพราะในตัวแปร $elem หลังลบแล้วยังคงมีการอ้างอิงถึงมันอยู่):

let $elem = $('#test');
$elem.detach(); // ลบองค์ประกอบ

/*
	แทรกองค์ประกอบกลับไปยังหน้า
	(ไม่จำเป็นต้องเป็นตำแหน่งเดิมที่มันเคยอยู่):
*/

$elem.appendTo('div');

ขอเตือนว่าเครื่องหมายดอลลาร์ในตัวแปร $elem เขียนเพื่อแสดงว่ามีการเก็บชุดของ jQuery ไว้ในนั้น

ลบ p ที่มี id: #test ด้วย detach จากนั้นแทรกมัน ไว้ก่อน h3