jquery if div id has children

Question

if (div id=myfav has children){ do something } else { do something else }

The if condition is what's giving me trouble. 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 }

Answer 1

This snippet will work:

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

Note that the :parent filter also assumes elements with text nodes are parents.

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

Answer 2

if ( $('#myfav').children().size() > 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.

Answer 3

Another option, just for the heck of it would be:

if ( $('#myFav > *').length > 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.