Javascript HTML表格搜索

Question

我有这个代码来搜索我的表中的数据。我正在尝试在找到的行上添加一个类。它可以工作，但是一旦搜索输入字段为空，它仍然将类保留在单元格上。一旦搜索字段为空/找到为false，是否有任何快速方法可以删除该类？

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

});

function searchTable(inputVal) {
    var table = $('.phonetable');
    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() .addClass("searchhighlight");
            else $(row).hide();
        }
    });
}

Answer 1

检查值是否为空以及是否删除值：

$('#search').keyup(function() {
    var value = $(this).val();
    if(value)
        searchTable();
    else
        $('.phonetable tr td').removeClass("searchhighlight");
});

另外看看我如何使用$('.phonetable tr td')遍历表格，您可以在当前代码中执行类似的操作。