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

Count all first list items in ul

本文关键字：第一个 列表 ul 计算      更新时间：2023-09-26

我想知道如何计算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 中的列表项。

我

的意思是如何计算主页，联系人，信息，教程，结构，而不是我刚刚提到的这些元素中的列表元素。

当然，我做了一些研究，但找不到正确的答案。这里有一些重复： jQuery：计算列表元素的数量？

使用>子选择器：

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

或.children()：

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

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

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

演示

相关文章：