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

我想知道如何计算一个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

我的意思是如何计算家、联系人、信息、教程、结构，而不是我刚才提到的列表元素

当然，我做了一些研究，但没有找到正确的答案。

---

这里有点重复：

使用

子选择器：

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

或

.children（）

：

---

另一个问题是在jQuery中，所以我回答jQuery，试着计算您的

li

元素

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

---

为什么要投否决票？请解释一下。。。因为演示效果很好，所以在您进行编辑（不是我）之前，您的答案被否决了，因为OP没有搜索所有

li

仅搜索第一级。你的答案是12而不是5。谢谢你试着帮助我。这也行得通，但我还是坚持戴维斯的答案，只是因为它更小。非常感谢你帮助我！是的，大卫的回答是正确和最好的答案，但我很高兴能帮助你@Krijnvanderburg非常感谢，这是我的答案。我使用了函数大小，但这不适合我。但是>箭头的作用是什么？我还没有看到它被用在CSS中？对不起，在这里学习不要抄袭paste@KrijnvanderBurg您可以在文档中找到大量信息：>表示直接感谢@David，现在我想我完全理解了。非常感谢你！作为新浏览器的替代方案，不使用jQuery:

document.queryselectoral（'ul.menu>li'）。length

工作原理相同。问题明确指出，询问者不希望将li嵌套在ul.menu以外的任何ul中

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