Determine if UL has 1 or more LIs inside

Question

How can I use JavaScript to determine if UL contains 1 or more LIs inside?

Pseudo code

if('ul#items' has >= 1 LI){ 

Thanks,

Answer 1

Using jQuery:

 $('ul#items li').length >= 1 

Without jQuery:

 document.getElementById('items').getElementsByTagName('li').length >= 1 

Answer 2

Using jQuery:

 if( $('#items li').length >= 1 ){... 

Answer 3

Use document.getElementById("items").childNodes.length and a number comparison operator. If your ul contains other nodes than li , you will have to filter them out.

In jQuery:

  $("#items").children("li").length 

I think you only need direct children, so do not use find ().

Answer 4

You can use:

 $('ul#items li').length 

Answer 5

 if ($('ul#items').children('li').length) { // etc. } 

Answer 6

If you are using jQuery

 if($('ul > li').size()>0) { } 

This will verify that the UL element has more than 0 direct children li.

Answer 7

 if ($('ul#items > li').length >= 1)