简单的代码，不确定它为什么不起作用。我正在尝试计算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>
当我console.log此代码时：
console.log($('div.main').children('section').length);
我得到0的结果，它应该是3.这是为什么？我正在运行FF25和jQ 1.9.1，如果有帮助的话。