detach():指定条件による要素のデータを保持したまま削除
指定条件による要素のデータを保持したまま削除の書式
$("要素名").detach()
指定条件による要素のデータを保持したまま削除する場合は、要素名.detach()を記述します。
指定条件による要素のデータを保持したまま削除するのサンプルコード)
サンプルではid="idTestDetach"のspanタグにdetachメソッドを使用して以下の事をしてます。
1.detachメソッドを使ってデータ保持したまま削除
2.その後、appendメソッドにて戻す
3.またクリックをしてクリックイベントが消えてないことを確認出来るようにし、クリックカウントも表示
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> <!-- body {background-color: #ffffff;} --> </style> <script src="../../js/jquery-1.12.2.min.js"></script> <script> $(function(){ var clickCnt = 0; $('span#idTestDetach').click(function(){ var tempObj = $("span#idTestDetach").detach(); clickCnt++; alert("クリックされた回数:" + clickCnt); $("div").last().append(tempObj); }); }); </script> </head> <body> <div> <span id = "idTestDetach">detachメソッドのテスト</span> </div> </body> </html>
指定条件による要素のデータを保持したまま削除するのサンプルコードの結果
1.detachメソッドを使ってデータ保持したまま削除
2.その後、appendメソッドにて戻す
3.またクリックをしてクリックイベントが消えてないことを確認出来るようにし、クリックカウントも表示