jQuery 删除元素

通过 jQuery，可以很容易地删除已有的 HTML 元素。

删除元素/内容

如需删除元素和内容，一般可使用以下两个 jQuery 方法：

       remove() - 删除被选元素（及其子元素）

       empty() - 从被选元素中删除子元素

       jQuery remove() 方法

 

jQuery remove() 方法删除被选元素及其子元素

从DOM中删除所有匹配的元素。这个方法不会把匹配的元素从jQuery对象中删除，因而可以在将来再使用这些匹配的元素。但除了这个元素本身得以保留之外，其他的比如绑定的事件，附加的数据等都会被移除。

 

实例

  HTML 代码:  <p>Hello</p> how are <p>you?</p>

jQuery 代码:  $("p").remove();

结果:  how are

jQuery empty() 方法

jQuery empty() 方法删除被选元素的子元素。

实例

  HTML 代码:  <p>Hello, <span>Person</span> <a href="#">and person</a></p>

jQuery 代码:  $("p").empty();

结果:  <p></p>

过滤被删除的元素

jQuery remove() 方法也可接受一个参数，允许您对被删元素进行过滤。

该参数可以是任何 jQuery 选择器的语法。

下面的例子删除 class="italic" 的所有 <p> 元素：

 

实例

$("p").remove(".italic");