如何在JavaScript中顯示“未找到匹配項”

Question

我正在我的網站上使用此搜索表單，它運行正常，這是JavaScript代碼

function search() {
  input = document.getElementById('searchInput');
  filter = input.value.toUpperCase();

  var elements = document.querySelectorAll('#element');

  for (i = 0; i < elements.length; i++) {
    title = elements[i].querySelector('#title').querySelector('p');
    if (title.innerHTML.toUpperCase().indexOf(filter) > -1) {
      elements[i].style.display = "";
    } else {
      elements[i].style.display = "none";
    }
  }
}

如果用戶輸入我的網站上不存在的單詞，我想顯示“找不到匹配項”。

Answer 1

您可以將循環條件添加到循環中

for (i = 0; i < elements.length; i++) {
    title = elements[i].querySelector('#title').querySelector('p');
    if (title.innerHTML.toUpperCase().indexOf(filter) > -1) {
      elements[i].style.display = "";
    } else {
      elements[i].style.display = "none";
    }


    if(i===elements.length){
       alert("no matches found")
    }    


  }