Javascript 我应该使用什么搜索例程来匹配HTML表的确切条目？_Javascript_Html Table_Filtering

Javascript 我应该使用什么搜索例程来匹配HTML表的确切条目？

javascript

Javascript 我应该使用什么搜索例程来匹配HTML表的确切条目？,javascript,html-table,filtering,Javascript,Html Table,Filtering,我希望在表格中键入时查找精确搜索。现在我有它出现，如果任何输入匹配，然后有那些出现。是否有一种方法可以只提取那些精确的匹配项（例如，如果我输入“IT”，我不希望出现“监控”或“网站设计”）函数filterTable（事件）{ var filter=event.target.value.toUpperCase（）； var rows=document.querySelector（“#rosterTable tbody”）.rows；对于（变量i=0；i-1 | |第四列索引（过滤器）>-1

我希望在表格中键入时查找精确搜索。现在我有它出现，如果任何输入匹配，然后有那些出现。是否有一种方法可以只提取那些精确的匹配项（例如，如果我输入“IT”，我不希望出现“监控”或“网站设计”）


函数filterTable（事件）{
var filter=event.target.value.toUpperCase（）；
var rows=document.querySelector（“#rosterTable tbody”）.rows；
对于（变量i=0；i-1 | |第四列索引（过滤器）>-1 | |第五列索引（过滤器）>-1）{
行[i].style.display=“”；
}否则{
行[i].style.display=“无”；
}
}
}
document.querySelector（“#myInput”）.addEventListener（'keyup'，filterTable，false）；

谢谢。

能否将

#rosterTable

元素添加到HTML中？而

myFunction

在做什么呢？如果“IT”不应该返回“监控”或“网站设计”之类的内容，我建议删除

toUpperCase（）

<html>
    <div class="rostercontent">
        <input type="text" id="myInput" onkeyup="myFunction()" placeholder="Search" title="Search">
</html>


<script> function filterTable(event) {
    var filter = event.target.value.toUpperCase();
    var rows = document.querySelector("#rosterTable tbody").rows;

    for (var i = 0; i < rows.length; i++) {
        var firstCol = rows[i].cells[0].textContent.toUpperCase();
        var fourthCol = rows[i].cells[3].textContent.toUpperCase();
        var fifthCol = rows[i].cells[4].textContent.toUpperCase();

        if (firstCol.indexOf(filter) > -1 || fourthCol.indexOf(filter) > -1 || fifthCol.indexOf(filter) > -1) {
            rows[i].style.display = "";
        } else {
            rows[i].style.display = "none";
        }
    }
}

document.querySelector('#myInput').addEventListener('keyup', filterTable, false);
</script>