如何获取列表中的多个项目

Question

no results我有一个搜索功能，如果查询没有返回任何项目，我想显示。问题是，我不确定如何获取当前显示的数字或项目。

这是我的功能：

find.addEventListener("keyup", function() {

  Array.from(animalList.children).forEach(d => {

    if (d.dataset.animalName.toLowerCase().indexOf(this.value.toLowerCase()) != -1) {

      d.style.display = "block";

    } else {

      d.style.display = "none";

    }

  });

});

Answer 1

您可以使用布尔标志：find.addEventListener("keyup", function() {  let noResults = true;  Array.from(animalList.children).forEach(d => {    if (d.dataset.animalName.toLowerCase().indexOf(this.value.toLowerCase()) != -1) {      d.style.display = "block";      noResults = false;    } else {      d.style.display = "none";    }  });  if (noResults) {    // display no results  }});

Answer 2

由于您正在使用 javascript 和关键事件，并且您告诉我们您想在某些列表过滤时显示一些消息字符串，我的建议是：在函数开始时显示无结果消息，然后过滤，如果得到结果，则执行相应的功能。find.addEventListener("keyup", function() {  // show no result message and then do the other stuff,   // this is a UI event handler after all  Array.from(animalList.children).forEach(d => {    if (d.dataset.animalName.toLowerCase().indexOf(this.value.toLowerCase()) != -1) {      d.style.display = "block";    } else {      d.style.display = "none";    }  });});