javascript - ページ上の要素数を調べる (JQuery)

Question

<li>持っている要素の数を単純に数えようとしています。

私はこれを書いています：

<script>
    var n = $("li").length;
    alert(n);
</script>

しかし、何らかの理由で、<li>要素数のアラートではなく、コンソールに次のエラーが表示されます。

Uncaught TypeError: Cannot read property 'length' of null filter:297 (anonymous function)

Answer 1

スクリプトをページの末尾の直前に移動するか、 でHTML囲みますDOM Ready handler。また、CDN から jQuery を含めることをお勧めします

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js">
</script>
<script>
     $(function() {
        var n = $("li").length;
        alert(n);
     });
 </script>

Answer 2

コードを含める$( document ).ready

fiddle

$( document ).ready(function() {
  var n = $("li").length;
  alert(n);
});