Previous Next

jQuery - Remove Elements

With jQuery, it is easy to remove existing HTML elements.

Remove Elements/Content

To remove elements and content, there are mainly two jQuery methods:

• remove() - Removes the selected element (and its child elements)
• empty() - Removes the child elements from the selected element

jQuery remove() Method

The jQuery remove() method removes the selected element (s) and its child attributes.

Example

jQuery empty() Method

The jQuery empty() method removes the child elements of the selected element.

Example

Filter the Elements to be Removed

The jQuery remove() method also accepts single parameters, allowing you to filter the elements to be removed.

The parameter can be any syntaxes for the jQuery selector.

The following example removes all

four elements class = "test":

Example

This example removes all <p> four elements class = "test" and class = "demo":

Example

Previous Next