jQuery - 删除元素
通过 jQuery,可以很容易地删除已有的 HTML 元素。
删除元素/内容
如需删除元素和内容,一般可使用以下两个 jQuery 方法:
- remove() - 删除被选元素(及其子元素)
- empty() - 从被选元素中删除子元素
jQuery remove() 方法
jQuery remove() 方法删除被选元素及其子元素。
jQuery empty() 方法
jQuery empty() 方法删除被选元素的子元素。
过滤被删除的元素
jQuery remove() 方法也可接受一个参数,允许您对被删元素进行过滤。
该参数可以是任何 jQuery 选择器的语法。
下面的例子删除 class="italic" 的所有 <p> 元素:
美兔子
178***0565@qq.com
在使用 remove() 的过滤器删除时,不能删除带有过滤器的子元素。
尝试一下 »
美兔子
178***0565@qq.com
微笑
100***7329@qq.com
解释一下楼上的,就是说如果子元素符合过滤器中条件而父元素不符合的话,是不会删除符合条件的子元素,即过滤器中条件只能作用于同级,不能作用于子元素。
微笑
100***7329@qq.com
囚笼里的猫
726***224@qq.com
对楼上进行补充:
$(selector) 语法的返回结果是一个元素的列表,即:将 $("#div1") 看作一个列表,remove() 中的筛选条件实际上是对这个列表中的元素进行筛选删除,而不会去删除这个列表中不存在的元素(子元素不在这个列表中)。
囚笼里的猫
726***224@qq.com
jamtoday
jam***ay@qq.com
假如你扔掉了一瓶水,那就是 remove。
假如你倒掉了一瓶水,那就是 empty。
jamtoday
jam***ay@qq.com
Shaddock
576***634@qq.com
補充樓上:因此需要修改selector,改為選取id="div1"中的所有
元素,再從中篩選出class="part"的
元素,然後刪除該元素。
Shaddock
576***634@qq.com