返回0的子元素的jQuery计数？_Jquery_Dom

返回0的子元素的jQuery计数？

jquery dom

返回0的子元素的jQuery计数？,jquery,dom,Jquery,Dom,简单的代码，不知道为什么它不工作。我试图计算一个div中直接子元素的数量，但没有取得多少成功： <body> <ul> <li class="page1 active" data-index="1"><a href="#1"></a></li> <li class="page2" data-index="2"><a href="#2"></a></li>

简单的代码，不知道为什么它不工作。我试图计算一个div中直接子元素的数量，但没有取得多少成功：

<body>
<ul>
    <li class="page1 active" data-index="1"><a href="#1"></a></li>
    <li class="page2" data-index="2"><a href="#2"></a></li>
    <li class="page3" data-index="3"><a href="#3"></a></li>
</ul>
<div class="wrapper">
    <div class="main">
        <section class="page1 active" data-index="1">Scroll 1</section>
        <section class="page2" data-index="2">Scroll 2</section>
        <section class="page3" data-index="3">Scroll 3</section>
    </div>
</div>
</body>

我得到的结果是0，而它应该是3。为什么会这样？我正在运行FF25和JQ1.9.1，如果这有帮助的话。

我自己尝试一下，结果是3。在JSBin上：

在chrome&FF上，它工作正常！！；是否将代码包装在

$（文档）.ready（函数（）{/*此处的代码*/}）

（或等效文件）中？当浏览器遇到脚本时，DOM是否存在？@DavidThomas啊，愚蠢的我。我当然不是！谢谢。@反逻辑：谢谢您将问题标记为已解决，不过在堆栈溢出上有更好的方法。要将问题标记为完成，只需让回答者发布答案，并使用勾号图标接受即可。对于像这样的简单解决方案，你最好自己做，接受自己的答案。

console.log($('div.main').children('section').length);