#0 Beautiful Rabbit
178***0565@qq.com 57 When using remove() with a filter, it cannot remove child elements that match the filter.
```
$(document).ready(function(){
  $("button").click(function(){
    $("#div1").remove(".part");
  });
});
```
Try it yourself »

Beautiful Rabbit 8 years ago (2018-07-10)
#0 Smile
100***7329@qq.com 120 Explaining the above: If a child element matches the condition in the filter but the parent element does not, the child element that matches the condition will not be removed. That is, the condition in the filter only applies to sibling elements, not to child elements.

Smile 8 years ago (2018-07-26)
#0 Cat in a Cage
726***224@qq.com 138 Supplementing the above: The $(selector) syntax returns a list of elements. Treat $("#div1") as a list. The filter condition in remove() actually filters and removes elements within this list, and will not remove elements that are not in this list (child elements are not in this list).

Cat in a Cage 8 years ago (2018-08-20)
#0 jamtoday
jam***ay@qq.com 105 If you throw away a bottle of water, that's remove.
If you pour out the water from a bottle, that's empty.

jamtoday 6 years ago (2020-12-05)
#0 Shaddock
576***634@qq.com 34 Supplementing the above: Therefore, you need to modify the selector to select all <p> elements inside id="div1", then filter out the <p> elements with class="part", and then remove those elements.
```
$(document).ready(function(){
  $("button").click(function(){
    $("#div1>p").remove(".part");
  });
});
```
Shaddock 6 years ago (2021-01-14)

Click to Share Notes

Cancel

Write notes...

Image URL

Image Description

Image Size ×

Share Notes

Nickname (Required)
Email (Required)
Reference URL

YouTip

Jquery Dom Remove

jQuery Remove Elements | Tutorial

Tutorial -- Learning is not just about technology, but also about dreams!

jQuery Tutorial

jQuery Effects

jQuery HTML

jQuery Traversing

jQuery Ajax

jQuery Other

jQuery Examples

jQuery Reference

jQuery Plugins

jQuery - Remove Elements

Remove Elements/Content

jQuery remove() Method

Example

jQuery empty() Method

Example

Filtering the Removed Elements

Example

5 Notes

Click to Share Notes

Category Navigation

📂 Categories