通辽公众号代运营公司

jQuery - 删除元素

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

删除元素/内容

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

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

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

jQuery remove() 方法

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

jQuery empty() 方法

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

过滤被删除的元素

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

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

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

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

实例

$("#div1").empty();

尝试一下 »

过滤被删除的元素

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

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

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

实例

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

尝试一下 »

 jQuery 添加元素jQuery 获取并设置 CSS 类 

5 篇笔记 写笔记

   美兔子

  178***0565@qq.com

47

在使用 remove() 的过滤器删除时，不能删除带有过滤器的子元素。

$(document).ready(function(){

    $("button").click(function(){

        $("#div1").remove(".part");

    });

});

尝试一下 »

美兔子

   美兔子

  178***0565@qq.com

4年前 (2018-07-10)

   微笑

  100***7329@qq.com

95

解释一下楼上的，就是说如果子元素符合过滤器中条件而父元素不符合的话，是不会删除符合条件的子元素，即过滤器中条件只能作用于同级，不能作用于子元素。

微笑

   微笑

  100***7329@qq.com

4年前 (2018-07-26)

   囚笼里的猫

  726***224@qq.com

120

对楼上进行补充：

$(selector) 语法的返回结果是一个元素的列表，即：将 $("#div1") 看作一个列表，remove() 中的筛选条件实际上是对这个列表中的元素进行筛选删除，而不会去删除这个列表中不存在的元素（子元素不在这个列表中）。

囚笼里的猫

   囚笼里的猫

  726***224@qq.com

4年前 (2018-08-20)

   jamtoday

  jam***ay@qq.com

67

假如你扔掉了一瓶水，那就是 remove。

假如你倒掉了一瓶水，那就是 empty。

jamtoday

   jamtoday

  jam***ay@qq.com

2年前 (2020-12-05)

   Shaddock

  576***634@qq.com

20

補充樓上：因此需要修改selector，改為選取id="div1"中的所有

元素，再從中篩選出class="part"的

元素，然後刪除該元素。

$(document).ready(function(){

    $("button").click(function(){

        $("#div1>p").remove(".part");

    });

});

Shaddock

   Shaddock

  576***634@qq.com

2年前 (2021-01-14)

通辽公众号代运营公司