Javascript 筛选/搜索表HTML

我对搜索表有问题。 我使用的代码来自W3，此代码用于过滤一列。 有人会让它一次过滤两列吗？例如，Name和Lastname

代码：

函数myFunction（）{
table，tr，td，i；input=document.getElementById（“myInput”）；
filter=input.value.toUpperCase（）；表=
document.getElementById（“myTable”）；
tr=table.getElementsByTagName（“tr”）；
对于（i=0；i-1）{
tr[i].style.display=“”；
} 
否则{
tr[i].style.display=“无”；
} 
}
}
} 

链接到代码：

---

谢谢大家!

您还应该搜索第二个

td

function myFunction() {    
    table, tr, td, i; input = document.getElementById("myInput"); 
    filter = input.value.toUpperCase(); 
    table =document.getElementById("myTable"); 
    tr = table.getElementsByTagName("tr");
    for (i = 0; i < tr.length; i++) { 
        td = tr[i].getElementsByTagName("td")[0]; 
        td2 = tr[i].getElementsByTagName("td")[1];
        if (td && td2) { 
           if (td.innerHTML.toUpperCase().indexOf(filter) > -1 || td2.innerHTML.toUpperCase().indexOf(filter) > -1) { 
             tr[i].style.display = ""; 
           } 
           else { tr[i].style.display = "none"; } 
        }
    }
} 

函数myFunction（）{
table，tr，td，i；input=document.getElementById（“myInput”）；
filter=input.value.toUpperCase（）；
table=document.getElementById（“myTable”）；
tr=table.getElementsByTagName（“tr”）；
对于（i=0；i-1 | | td2.innerHTML.toUpperCase（）.indexOf（filter）>-1）{
tr[i].style.display=“”；
} 
else{tr[i].style.display=“无”；}
}
}
} 

您可以使用一个名为Listjs的简单js框架

---

要搜索、排序或筛选数据

Lastname本身不是一个不同的列

function myFunction() {    
    table, tr, td, i; input = document.getElementById("myInput"); 
    filter = input.value.toUpperCase(); 
    table =document.getElementById("myTable"); 
    tr = table.getElementsByTagName("tr");
    for (i = 0; i < tr.length; i++) { 
        td = tr[i].getElementsByTagName("td")[0]; 
        td2 = tr[i].getElementsByTagName("td")[1];
        if (td && td2) { 
           if (td.innerHTML.toUpperCase().indexOf(filter) > -1 || td2.innerHTML.toUpperCase().indexOf(filter) > -1) { 
             tr[i].style.display = ""; 
           } 
           else { tr[i].style.display = "none"; } 
        }
    }
}