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);
});