计算 ul 中的所有第一个列表项

Question

我想知道如何计算 div 中的所有列表项。

<ul class="menu">
    <li><a href="#">Home</a>
    </li>
    <li><a href="#">Contact</a>
    </li>
    <li><a>Information</a>
        <ul>
            <li><a href="#">History</a>
            </li>
            <li><a href="#">Present</a>
            </li>
            <li><a href="#">Future</a>
            </li>
        </ul>
    </li>
    <li><a>Tutorials</a>
        <ul>
            <li><a href="#">HTML/CSS</a>
            </li>
            <li><a href="#">Javascript</a>
            </li>
            <li><a href="#">Jquery</a>
            </li>
            <li><a href="#">PHP</a>
            </li>
        </ul>
    </li>
    <li><a href="#">Structure</a>
    </li>
</ul>

如何计算ul class=menu 中的所有列表元素？而不是更深的 UL 中的列表项。

我的意思是如何计算 Home、Contact、Information、Tutorials、Structure，而不是我刚才提到的列表元素。

当然，我做了一些研究，但找不到正确的答案。 这里有点重复：jQuery: Count number of list elements?

Answer 1

使用> 子选择器：

$('ul.menu>li').length

或.children():

$('ul.menu').children('li').length

Answer 2

另一个问题是 jQuery，所以我回答 jquery，试试这个来计算你的 li 元素

var count = $('ul.menu').children('li').length;

DEMO