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() 方法与 .remove() 方法相同，不同之处在于 .detach() 保留与已删除元素关联的所有 jQuery 数据。当移除的元素稍后要重新插入到 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 的帮助下，我解决了这个问题。