我試圖為電話列表構(gòu)建我的第一個搜索功能。不幸的是，我的過濾器函數(shù)僅通過表格的最后一列循環(huán)。我錯過了什么？或者我必須為此使用不同的方法嗎？PS：請原諒可能的重復(fù)。我發(fā)現(xiàn)的所有示例都是針對 PHP 的。提前謝謝了！const phonelist = document.querySelector('table');const searchInput = document.querySelector('#search');const searchResult = document.querySelector('#search-result');const searchValue = document.querySelector('#search-value');// EVENTSfunction initEvents() {  searchInput.addEventListener('keyup', filter);}function filter(e) {  let text = e.target.value.toLowerCase();  console.log(text);  // SHOW SEARCH-RESULT DIV  if (text != '') {    searchValue.textContent = text;    searchResult.classList.remove('hidden');  } else {    searchResult.classList.add('hidden');  }  document.querySelectorAll('td').forEach((row) => {    let item = row.textContent.toLowerCase();    if (item.indexOf(text) != -1) {      row.parentElement.style.display = 'table-row';      console.log(row.parentElement);    } else {      row.parentElement.style.display = 'none';    }  })}// ASSIGN EVENTSinitEvents();<input id="search" /><div class="phonelist">  <div id="search-result" class="hidden">    <p>Search results for <b id="search-value"></b>:</p>  </div>  <table class="striped">    <thead>      <tr>        <th>Phone</th>        <th>Fax</th>        <th>Room</th>        <th>Name</th>        <th>Title</th>      </tr>    </thead>    <tbody>      <tr>        <td>165</td>        <td>516</td>        <td>1.47</td>        <td>Johnathan Doe</td>        <td>Sales</td>      </tr>      <tr>        <td>443</td>        <td>516</td>        <td>1.47</td>        <td>Jane Dow</td>        <td>Development</td>      </tr>    </tbody>  </table></div>