如何从搜索输入 noinpepend 的小写或大写 jQuery 中过滤表值

Question

I working with table data filtering, and I have issues.

At this moment I create a script which is filtering data depends on user typing in the search field, but problem is, in case if a user will write the same keywords, for example, "Apple" but with lower case "apple" , the filter will not work.

My code:

$(document).ready(function () {
    $('.search').keyup(function () {
        searchTable($(this).val());
    });
});

function searchTable(inputVal) {
    var table = $("#fruit-table");
    table.find('tr').each(function (index, row) {
        var allCells = $(row).find('td');
        if (allCells.length > 0) {
            var found = false;
            allCells.each(function (index, td) {
                var regExp = new RegExp(inputVal, 'i');
                if (regExp.test($(td).text())) {
                    found = true;
                    return false;
                }
            });
            if (found == true) $(row).show();
            else $(row).hide();
        }
    });
}

But I want some flexible approach, which are will filter independently if the user will type from the upper or lower case, and in the end, he will get the same result.

Answer 1

Try this solution.

function searchTable(inputVal) {
  var table = $("#fruit-table");
  table.find('tr').each(function (index, row) {
    var allCells = $(row).find('td');
    if (allCells.length > 0) {
        var found = false;
        allCells.each(function (index, td) {
            inputVal = inputVal.toLowerCase();
            var regExp = new RegExp(inputVal, 'i');
            var tableData = $(td).text().toLowerCase();
            if (regExp.test(tableData)) {
                found = true;
                return false;
            }
        });
        if (found == true) $(row).show();
        else $(row).hide();
    }
 });
}