javascript - 计算无序列表中动态生成的列表元素的数量

Question

我有一个从 XML 文件生成的菜单。使用 AJAX 加载 XML 文件。菜单中唯一硬编码的 html 是:

<div id="leftNav">
    <ul class="level1">
    </ul>
</div>

菜单的其余部分是根据 XML 文件的内容动态创建的。在 Chrome 检查器中，应该在菜单中的所有列表元素都在那里。现在，当我尝试计算列表元素的数量时，我得到 0。我认为这是因为页面上没有硬编码的列表元素。我用来计数的代码是:

alert($('.level1 > li').size());

哪个提醒 0。

编辑 - 我错放了函数调用，xml 尚未完成加载。该代码确实按预期工作。

解析 XML 并生成额外列表项的函数在我尝试对列表项进行计数之前运行。

关于如何获取列表项的数量有什么想法吗？

Answer 1

它是“.length”而不是“.size()”

alert($('.level1 > li').length);

edit — 显然我在这里错得离谱，但无论如何我都会试一试“.length”:-) 还要确保您的脚本不会在列表中出现多余的废话<li>元素 - 尝试更改选择器，使其只是“.level1 li”，看看是否有任何改变。