实现表格全列通用过滤求助：当前仅支持硬编码单列过滤

嘿，我懂你现在的困扰——好不容易搞出了单列过滤，想改成全列支持却栽在双层循环上对吧？别慌，我来帮你把代码调整好：

修改后的完整可运行代码 #

$(document).ready(function () {
    $('#myInput').keyup(function() {
        // 把输入值转成小写，实现不区分大小写的过滤
        var filterText = $(this).val().toLowerCase();
        // 定位到目标表格（记得把#myTable换成你实际的表格ID）
        var tableRows = $('#myTable tr');

        // 遍历每一行数据
        tableRows.each(function() {
            let shouldShowRow = false;
            // 遍历当前行的所有单元格
            $(this).find('td').each(function() {
                const cellText = $(this).text().toLowerCase();
                // 只要当前单元格包含过滤关键词，就标记该行需要显示
                if (cellText.indexOf(filterText) !== -1) {
                    shouldShowRow = true;
                    return false; // 找到匹配就跳出单元格循环，不用再检查其他列
                }
            });
            // 根据匹配结果切换行的显示状态
            $(this).toggle(shouldShowRow);
        });
    });
});

关键逻辑说明 #

1. 不区分大小写处理：把输入值和单元格文本都转成小写，用户输入大写小写都能匹配到结果，体验更好
2. 行显示判断逻辑：默认隐藏当前行，只要该行任意一个单元格匹配关键词，就标记为显示
3. 循环优化：找到匹配的单元格后立刻跳出内层循环，避免不必要的性能消耗

你之前双层循环失败的可能原因 #

大概率是逻辑搞反了——比如你可能写了“只要有一列不匹配就隐藏行”，但正确逻辑应该是只要有一列匹配就显示行。另外如果没排除表头行(th)，表头也会被过滤掉，要是需要保留表头，可以把遍历行的代码改成：

tableRows.not(':first').each(function() { ... })

内容的提问来源于stack exchange，提问作者Teije