HTMLファイル内のセクション数を数える

Question

Hy、 私はいくつかのセクションから作られた簡単な1ページのウェブサイトを持っています。 htmlファイルの中にスクリプトを書くと、正しくセクション数が得られます。コードはこれです：

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

しかし、私は外側のファイルから完全に同じコードを実行すると動作しません。

アイデア？

Answer 1

考えられる理由：

HTMLのすべてが完全に
• あなたのCSSセレクタをロードされていると、コードが実際に<section>要素があるどのように多くを教えてくれていない前に、あなたのJavaScriptが実行されていることができ
• 、それ<foo id="sections">の下に何個の<li>要素が存在するのか、これは意図的なものですか？
• あなたのコードは、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() { });は、ファイルライブラリを含める必要があるので、jQueryの$(document).ready(function() { });