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

标签 javascript jquery html count html-lists

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

最佳答案

使用 > 子选择器:

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

或者.children():

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

关于javascript - 计算 ul 中所有第一个列表项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20664422/

相关文章:

javascript - 具有复制到剪贴板纯 JS 的自定义选择功能

javascript - Google Maps InfoBubble pixelOffset(从标记上方的默认位置移动)

javascript - 如何使用ajax显示数据库中的图像

javascript - 检查 jquery 中的 url 参数并将某些内容附加到 url

javascript - 将内容注入(inject)到注入(inject)的 div 中

android - phonegap + jquery 移动 : css not working

html - 使 <div> 填充其父 <td> 高度,而不在 <td> 上指定高度

javascript - 处理同步 XHR 连接错误

php - 表单提交和 cURL 请求之间有什么区别?

html - 嵌入自动启动不起作用