根据样式更新数字

Question

我在一个职位列表网站上工作。我有一个搜索页面，用户可以在其中查看所有职位发布并使用搜索栏过滤职位。

在工作仪表板的顶部，我显示了页面上显示的工作总数。

假设没有过滤器，有 234 个职位可用。如果用户键入“tech”，该数字下降到 34 并超出 234 个<li>元素，则 200 显示为none34 保留其原始值。

我有什么静态的

  count = document.getElementsByClassName("job");

  document.getElementById("number-jobs-total").innerHTML = count;

我在做什么

问题是count未定义，你知道什么是错的吗？

const updateTotalJobs = () => {

    count = document.getElementsByClassName("job");

    var arr = Array.from(count);

    for(var i = 0 ; i < arr.length ; i++){

        if(arr[i].style.display=="none"){

            count--;

        }

    }

    console.log(count);

};

search.addEventListener("keyup", e =>{

    filterJobs(e.currentTarget.value.trim());

    updateTotalJobs();

});

Answer 1

Document.getElementsByClassName()返回一个类似数组的对象，而不是一个数字。尝试将计数设置为等于长度。