How to remove elements from DOM in jQuery
Topic: JavaScript / jQueryPrev|Next
Answer: Use the jQuery remove()
method
If you want to remove the element itself as well as everything inside it, just use the jQuery remove()
method. The following example will show you how remove a paragraph of text from DOM completely.
Example
Try this code »<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery Remove Elements from DOM</title>
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script type="text/javascript">
$(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>
Related FAQ
Here are some more FAQ related to this topic:
- How to add new elements to DOM in jQuery
- How to remove attribute from an HTML element in jQuery
- How to add or remove rows inside a table dynamically using jQuery