javascript - 从 jquery/javascript 中字符串的第一个字符过滤表数据

Question

我有一个包含一些记录和一个文本框的表格。我想根据 keyup 事件的文本框中输入的字符串来过滤表数据。

目前我正在使用一个代码块来过滤表数据，但它会搜索表中存在于字符串中任何位置的记录。

例如:-如果我在文本框中输入“ab”，它会使用包含关键字“ab”的字符串过滤表记录，例如 abcd、babd、cdab 等。

但我的要求是，当我在文本框中输入关键字“ab”时，它仅搜索以“ab”开头的字符串，例如 abcd、abdc 等。

这是我当前的代码:-

function Search_Gridview(strKey, strGV) {
    var strData = strKey.value.toLowerCase().split(" ");
    var tblData = document.getElementById(strGV);
    var rowData;
    for (var i = 1; i < tblData.rows.length; i++) {
        rowData = tblData.rows[i].cells[3].innerHTML;
        var styleDisplay = 'none';
        for (var j = 0; j < strData.length; j++) {
            if (rowData.toLowerCase().indexOf(strData[j]) >= 0)
                styleDisplay = '';
            else {
                styleDisplay = 'none';
                break;
            }
        }
        tblData.rows[i].style.display = styleDisplay;
    }
} 

请大家帮忙......

Answer 1

您可以使用 jQuery 过滤包含以例如开头的字符串的列。 “ab”这样:

var re = $("#TABLE_ID td").filter(function(i){ return this.innerHTML.startsWith("ab") })
//You can after, get the values of each td of the result of this way
re.map(function(i){return this.innerHTML})