You can simply use the jQuery remove() method to remove the elements from DOM. This method will remove the matched elements as well as everything inside of it.
The following example will show you how to remove a paragraph from DOM completely.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery Remove Elements from DOM</title>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script>
$(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>
Use the jQuery
remove()methodYou can simply use the jQuery
remove()method to remove the elements from DOM. This method will remove the matched elements as well as everything inside of it.The following example will show you how to remove a paragraph from DOM completely.
need an explanation for this answer? contact us directly to get an explanation for this answer