Подсчет количества разделов в файле HTML

Question

Hy, У меня есть простой сайт на одну страницу, состоящий из нескольких разделов. Когда я пишу скрипт внутри html-файла, он правильно дает мне количество разделов. Код:

var number = $("#sections li").length 
console.log(number); 

Но когда я запускаю тот же самый код из внешнего файла, он не работает.

Любые идеи?

Answer 1

Возможные причины:

• Ваш JavaScript может быть выполняется, прежде чем все HTML были полностью загружен
• Вашего селектора CSS и код на самом деле не сказать вам, сколько <section> элементов есть, это рассказывает, сколько <li> элементов существует под <foo id="sections">, является ли это намеренным?
• Ваш код выполняется в контексте, где jQuery недоступен - также, я заметил, вы ничего не используете в jQuery, что делает его полезным.

Ваш код будет более переносимым (и быстрее) с помощью простого ПР»JavaScript:

var count = document.getElementById("sections").getElementsByTagName("li").length; 

Или (чуть менее переносимые: требует современных браузеров):

var count = document.querySelectorAll("#sections li").length; 

Более конкретно :

window.addEventListener('DOMContentLoaded', function(e) { 

    var count = document.querySelectorAll("#sections li").length; 
    console.log(count); 
}); 

Answer 2

Предполагая, что библиотека jQuery i включая все файлы, которые должны быть запущены на странице, также нет причин, по которым это не сработает. Не видя, как выкладывается ваша файловая структура или написан ваш основной файл JavaScript, трудно сказать, почему именно он терпит неудачу. Это также поможет узнать, что такое ошибка, которую вы получаете.

Моя догадка ваш выполнение кода перед дом готов, попробуйте следующее:

$(function() { 
    var number = $("#sections li").length 
    console.log(number); 
}); 

Где $(function() { }); является JQuery стенография для $(document).ready(function() { });