jQuery количество дочерних элементов, возвращающих 0?

0

Простой код, не знаю, почему он не работает. Я пытаюсь подсчитать количество непосредственных дочерних элементов в 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, если это помогает.

  • 0
    на chrome & FF работает нормально !!
  • 3
    Работает для меня ; Вы заключаете код в $(document).ready(function(){/* your code here */}) (или эквивалентный)? Существует ли DOM, когда браузер обнаруживает скрипт?
Показать ещё 2 комментария
Теги:
dom

1 ответ

0

Пробовав это сам, он приходит с 3. На JSBin: http://jsbin.com/iBIBaLi/1/edit

Ещё вопросы

Сообщество Overcoder
Наверх
Меню