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

Kri*_*urg 2 html javascript jquery 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>
Run Code Online (Sandbox Code Playgroud)

我如何计算里面的所有列表元素ul class=menu?而不是更深入的UL列表项.

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

当然我做了一些研究,但找不到正确的答案.这里有点重复:jQuery:列出元素的数量?

Dav*_*ing 8

使用>子选择器:

$('ul.menu>li').length
Run Code Online (Sandbox Code Playgroud)

或者.children():

$('ul.menu').children('li').length
Run Code Online (Sandbox Code Playgroud)

  • @KrijnvanderBurg您可以在文档中找到大量信息:https://developer.mozilla.org/en-US/docs/Web/CSS/Child_selectors (2认同)