在搜索表中为“主页”和“主页”提供相同的结果

Question

这是一个搜索表并且运行良好。但我希望这样写“主页”和“主页”。在这两种情况下，它都会显示主页的结果。“关于我们”和“联系我们”类似。代码如下。请任何人帮助我#myInput {      padding: 12px 20px 12px 40px;  border: 5px solid #ddd;  margin-bottom: 12px;  border-radius:20px;}<input type="text" id="myInput" onkeyup="myFunction()" placeholder="Search for names.." title="Search your product here"><table id="myTable" align="center" border="5" width>  <tr class="header">    <th>Header 1 </th>    <th>Header 2</th>  </tr>  <tr>    <td><center><br><b>Home page</b></a></center></td>    <td>   </td>  </tr>  <tr>    <td><center>        <br><b>About us</b></a></center></td>    <td>        </td>  </tr><tr>    <td><center>        <br><b>Contact us</b></a></center></td>    <td>        </td>  </tr></table>function myFunction() {  var input, filter, table, tr, td, i, txtValue;  input = document.getElementById("myInput");  filter = input.value.toUpperCase();  table = document.getElementById("myTable");  tr = table.getElementsByTagName("tr");  for (i = 0; i < tr.length; i++) {    td = tr[i].getElementsByTagName("td")[0];    if (td) {      txtValue = td.textContent || td.innerText;      if (txtValue.toUpperCase().indexOf(filter) > -1) {        tr[i].style.display = "";      } else {        tr[i].style.display = "none";      }    }         }}

Answer 1

使用正则表达式替换空格

filter = filter.replace(/\s/g, '')

编辑评论

filter = filter.replace(/\s/g,'')

txtValue = txtValue.replace(/\s/g, '')

if (txtValue.toUpperCase().indexOf(filter) > -1) {

  tr[i].style.display = "";    

} else {

  tr[i].style.display = "none";

}

Answer 2

使用正则表达式模式删除所有空格

let str = "Hello World !";

let spacesRemoved = str.replace(/ /g, "");

console.log(spacesRemoved);