jQuery remove() method

jQuery HTML/CSS Methods

The remove() method deletes the selected element and its child elements from the DOM.

This method also removes the data and events of the selected element.

To remove the element without removing data and events (so that they can be re-added later), usedetach()Method.

To remove content from the selected element only, useempty()Method.

Syntax:

$.remove(selector)

Example

Remove all paragraphs from the DOM:

$("button").click(function(){
　　$("p").remove();
});

Remove all paragraphs containing 'Hello' from the DOM:

$("button").click(function(){
　　$("p").remove(":contains('Hello')");
});

The above example can also be written as:

$("button").click(function(){
　　$("p:contains('Hello')").remove();
});

Parameter Value

jQuery HTML/CSS Methods