Menu
Say I have a div and some content inside it.
<div> Content </div> With JQuery, how do I empty the div without removing the div, only the content inside?
796
Use . remove() when you want to remove the element itself, as well as everything inside it. In addition to the elements themselves, all bound events and jQuery data associated with the elements are removed. To remove the elements without removing data and events, use .
jQuery remove() Method The remove() method removes the selected elements, including all text and child nodes. This method also removes data and events of the selected elements. Tip: To remove the elements without removing data and events, use the detach() method instead.
The empty() method removes all child nodes and content from the selected elements.
Approach: Select the HTML element which need to remove. Use JavaScript remove() and removeChild() method to remove the element from the HTML document.
You can use the empty function to remove all the child nodes (all its content) of an element:
$('#elementId').empty(); The empty function will also remove all the event handlers and the jQuery internally cached data.
127
If the div has an id, you can do it like this:
$('#id-of-div').html(''); Or you can do all classes of .class-of-div
$('.class-of-div').html(''); Or just all divs
$('div').html(''); EDIT: But empty() (above) would work better.
39
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
