Determine if a UL has 1 or more LI within

Question

How can I use JavaScript to determine if a UL contains 1 or more LI's within?

Pseudo code

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

Thanks,

Answer 1

With jQuery:

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

Without jQuery:

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

Answer 2

使用jQuery：

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

Answer 3

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

In jQuery:

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

I guess you only want direct children, so don't use find().

Answer 4

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

Answer 5

您可以使用：

$('ul#items li').length

Answer 6

If you're using jQuery

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

} 

That will check that the UL element has more than 0 direct child li elements.

Answer 7

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