jQueryのdetachメソッド
一方、メソッドdetachは、メソッドremoveとは異なり、選択した要素を復元可能な状態で削除します。
次のHTMLコードがあるとします:
<p id="test">text</p>
<div></div>
まず、detachを使って要素#testを削除し、
その後、メソッドappendTo
を使って別の場所に復元してみましょう(これは、削除後も変数$elemに要素への参照が残っているため可能です):
let $elem = $('#test');
$elem.detach(); // 要素を削除
/*
要素をページに戻します
(必ずしも元の場所である必要はありません):
*/
$elem.appendTo('div');
変数$elemのドル記号は、そこにjQueryオブジェクトが格納されていることを示すために書かれています。
detachを使用してidが#testのpを削除し、
その後、h3の前に挿入してください。