javascript - DOM要素を削除

Question

必要なのは、jQuery または JavaScript を使用して DOM 要素を削除することです。

$(document).ready(function(){
  $("#hide").click(function(){
    $("p").hide();
  });
  $("#show").click(function(){
    $("p").show();
  });
});

私が試したところhide()、show()その要素を表示するように CSS を変更するだけでした。ただし、必要なのは、その特定の要素を DOM から無効にし、クリックしたときにその要素を再び取得することshowです。

Answer 1

detach()代わりにメソッドを使用できます。

detach()

.detach() メソッドは、.detach() が削除された要素に関連付けられたすべての jQuery データを保持することを除いて、.remove() と同じです。このメソッドは、削除された要素を後で DOM に再挿入する場合に便利です。

Answer 2

<p> Hide and show this element <p>    
<button id="button">Hide/Show</button>
<script>

    var p; //sets a variable p
    $( "#button" ).click(function() {
      if ( p ) { //checks if p is empty
        p.appendTo( "body" ); //if p is not empty, appends it to the body
        p = null; //sets p to NULL
      } else {
        p = $( "p" ).detach(); //stored the detached element to p
      }
    });
    </script>

これが私が探していた解決策です。@Brad M と jQuery Documentation の助けを借りて、解決しました。