How to remove elements from DOM in jQuery?

Posted by Ramesh Singh | Updated on January 19, 2020

These methods allow us to delete elements from the DOM.

detach(): Remove the set of matched elements from the DOM.
empty(): Remove all child nodes of the set of matched elements from the DOM.
remove(): Remove the set of matched elements from the DOM.
unwrap(): Remove the parents of the set of matched elements from the DOM, leaving the matched elements in their place.

Example: remove elements from DOM in jQuery

Copy and paste the following example:

<!DOCTYPE html>

<head>

<title>jQuery Remove Elements from DOM</title>

$(document).ready(function(){

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

$("p").remove();

});

</script>

</head>

<body>

<button>Remove paragraph</button>

<h1>This is a heading</h1>

<p>This is a paragraph.</p>

</body>

</html>

If you like this question & answer and want to contribute, then write your question & answer and email to freewebmentor[@]gmail.com. Your question and answer will appear on FreeWebMentor.com and help other developers.

How to remove elements from DOM in jQuery?

Example: remove elements from DOM in jQuery

Related Questions & Answers

Solved Programs