查找页面上的元素数（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);
});