Menu
Possible Duplicate:
Checking if an html element is empty with jQuery
I have an empty div like this:
<div id="cartContent"></div> I need to check if it's empty. If it's empty it needs to return true and then some
elements are added. If not it returns false and some other function executes. What's the best way to check if there are any
elements in the div?
Thanks
867
Use the childNodes property to check if a div element is empty. The childNodes property returns a NodeList of the element's child nodes, including elements, text nodes and comments. If the property returns a value of 0 , then the div is empty.
This method can be used on this element to test if it is empty by using “:empty” selector. The “:empty” selector is used to select all the elements that have no children. It will return true if the element is empty, otherwise, return false.
The empty() method removes all child nodes and content from the selected elements. Note: This method does not remove the element itself, or its attributes. Tip: To remove the elements without removing data and events, use the detach() method.
To check if a div element contains specific text:Use the textContent property on the element to get the text content of the element and its descendants. Use the includes() method to check if the specific text is contained in the div . If it is, the includes() method returns true , otherwise false is returned.
Using plain javascript
var isEmpty = document.getElementById('cartContent').innerHTML === ""; And if you are using jquery it can be done like
var isEmpty = $("#cartContent").html() === ""; 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
