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列表项目。

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

当然我做了一些研究，但找不到正确的答案。这有点重复：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

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

2 个答案: