jquery if div id has children

Question

This if-condition is what s giving me trouble   if  div id myfav has children       do something   else      do something else      I tried all the following   if       myfav hasChildren       do something   if       myfav   children       do something   if       myfav empty       do something   if       myfav not  has           do something

User · Answer

This snippet will determine if the element has children using the :parent selector:

if ($('#myfav').is(':parent')) {
    // do something
}

Note that :parent also considers an element with one or more text nodes to be a parent.

Thus the div elements in <div>some text</div> and <div><span>some text</span></div> will each be considered a parent but <div></div> is not a parent.

User · Answer

You can also check whether div has specific children or not    if     myDiv   has  select   length gt 0          Do something here     console log  you can log here

User · Answer

if       myfav   children   length  gt  0             do something     This should work  The children   function returns a JQuery object that contains the children  So you just need to check the size and see if it has at least one child

User · Answer

The jQuery way  In jQuery  you can use     id   children   length  gt  0 to test if an element has children   Demo   x000D   x000D  var test1       test    x000D  var test2       test2    x000D   x000D  if test1 children   length  gt  0    x000D      test1 addClass  success    x000D    else   x000D      test1 addClass  failure    x000D    x000D   x000D  if test2 children   length  gt  0    x000D      test2 addClass  success    x000D    else   x000D      test2 addClass  failure    x000D    x000D   success   x000D      background   9f9  x000D    x000D   x000D   failure   x000D      background   f99  x000D    x000D   lt script src  https   code jquery com jquery-1 12 2 min js  gt  lt  script gt  x000D   lt div id  test  gt  x000D      lt span gt Children lt  span gt  x000D   lt  div gt  x000D   lt div id  test2  gt  x000D     No children x000D   lt  div gt  x000D   x000D   x000D      The vanilla JS way  If you don t want to use jQuery  you can use document getElementById  id   children length  gt  0 to test if an element has children   Demo   x000D   x000D  var test1   document getElementById  test    x000D  var test2   document getElementById  test2    x000D   x000D  if test1 children length  gt  0    x000D      test1 classList add  success    x000D    else   x000D      test1 classList add  failure    x000D    x000D   x000D  if test2 children length  gt  0    x000D      test2 classList add  success    x000D    else   x000D      test2 classList add  failure    x000D    x000D   success   x000D      background   9f9  x000D    x000D   x000D   failure   x000D      background   f99  x000D    x000D   lt div id  test  gt  x000D      lt span gt Children lt  span gt  x000D   lt  div gt  x000D   lt div id  test2  gt  x000D     No children x000D   lt  div gt  x000D   x000D   x000D

User · Answer

Another option  just for the heck of it would be   if       myFav  gt      length  gt  0             do something     May actually be the fastest since it strictly uses the Sizzle engine and not necessarily any jQuery  as it were  Could be wrong though  Nevertheless  it works

User · Answer

There s actually quite a simple native method for this   if      myfav   0  hasChildNodes               Note that this also includes simple text nodes  so it will be true for a  lt div gt text lt  div gt

User · Answer

and if you want to check div has a perticular children say  lt p gt  use   if      myfav   children  p   length  gt  0            do something

[jquery] jquery if div id has children

Examples related to jquery

Examples related to children