javascript - HTMLCollection 的长度不起作用

Question

我试图通过这样做来收集文档中的所有“li”:

var first = document.getElementById("scroll-container").getElementsByTagName("li");

现在我需要知道它们有多少，所以我尝试了这些调用:

console.log(first.length);

和

console.log(document.getElementById("scroll-container").getElementsByTagName("li").length);

但它们都不起作用，即使在控制台中当我检查“first”中的内容时，它们也只是显示 0，似乎有一个“length”字段。有人可以帮助我访问它吗？

编辑

您提出的解决方案不起作用，可能是因为“li”部分不是静态的。在“div”“滚动容器”中，我为我读取的 .json 文件中的每个字段创建了一个“li”，如下所示:

$.getJSON( "list.json", function(data) {
 $.each(data, function(i, field){
  $.each(field, function(key, value){
    $("#scroll-container").append("<li id='scroll_part1'><p class='row'>"+value.nom+"</p></li>");
  });
 });
});

Answer 1

你已经用 jQuery 标记了这个问题，所以这里有一个简单的 jQuery 解决方案:

var first = $('#scroll-container li').first();

或者获取元素中 li 的数量:

var liCount = $('#scroll-container li').length;