How to check if div element is empty

Question

Possible Duplicate    Checking if an html element is empty with jQuery       I have an empty div like this     lt div id  cartContent  gt  lt  div gt    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

User · Accepted Answer

You can use  is     if      leftmenu   is   empty         Or you could just test the length property to see if one was found   if      leftmenu empty   length       You can use   trim   to remove whitespace  if that s what you want  and check for the length of the content   if     trim      leftmenu   html     length

User · Answer

Using plain javascript   var isEmpty   document getElementById  cartContent   innerHTML           And if you are using jquery it can be done like   var isEmpty       cartContent   html

User · Answer

if      cartContent   children   length    0             no child

User · Answer

var empty       cartContent   html   trim   length    0

User · Answer

Like others have already noted  you can use  empty in jQuery like this       cartContent empty   remove      It will remove the  cartContent div if it is empty   But this and other techniques that people are suggesting here may not do what you want because if it has any text nodes containing whitespace it is not considered empty  So this is not empty    lt div gt   lt  div gt    while you may want to consider it empty   I had this problem some time ago and I wrote this tiny jQuery plugin - just add it to your code   jQuery expr      space   function elem      var  elem   jQuery elem     return   elem children   length  amp  amp    elem text   match   S        and now you can use       cartContent space   remove      which will remove the div if it is empty or contains only whitespace  Of course you can not only remove it but do anything you like  like       cartContent space   append   lt p gt It is empty lt  p gt       and you can use  not like this       cartContent not  space    append   lt p gt It is not empty lt  p gt       I came out with this test that reliably did what I wanted and you can take it out of the plugin to use it as a standalone test   This one will work for jQuery objects   function testEmpty  elem      return   elem children   length  amp  amp    elem text   match   S        This one will work for DOM nodes   function testEmpty elem      var  elem   jQuery elem     return   elem children   length  amp  amp    elem text   match   S        This is better than using  trim because the above code first tests if the tested element has any child elements and if it does it tries to find the first non-whitespace character and then stops  without the need to read or mutate the string if it has even one character that is not whitespace   Hope it helps

User · Answer

You can use the is function  if      cartContent   is   empty           or use the length  if      cartContent empty   length

[javascript] How to check if div element is empty

Examples related to javascript

Examples related to jquery

Examples related to operators