detachメソッド

メソッド detach は、選択した要素を後で復元できるように削除します。 削除した要素を後で挿入したい場合に便利なメソッドです。

構文

以下のようにして要素を削除します。オプションのパラメータ selector をメソッドに渡すことで、選択された要素をさらにフィルタリングすることもできます:

javascript.detach([selector]);

例

detach メソッドを使用して #test を持つ段落を削除し、 appendTo メソッドを使用して div に要素を挿入し、復元してみましょう:

html<p id="test">text</p>
<div></div>
javascriptlet $elem = $('#test');

$elem.detach(); // 要素を削除
$elem.appendTo('div'); // 要素をページに戻す

この結果、HTMLコードは以下のようになります:

html<div><p id="test">text</p></div>

関連項目

  • メソッド remove,
    これは要素を復元不可能な状態で削除します
  • メソッド empty,
    これは選択した要素からコンテンツを削除します
  • JavaScriptメソッド remove,
    これは要素を削除することができます