HTML表格过滤器，包括标题和副标题

Question

我希望你很好。我试图用JavaScript编写一个HTML表格过滤器，目的是包括表格标题html标签＆＃34; th＆＃34;和第一个表子标题html标签＆＃34; td＆＃34; （搜索结果中单元格的html标记和＃34; em＆＃34;）强调了子标题。

有没有办法搜索＆＃34; th＆＃34;和＆＃34; em＆＃34; html表中的标签？如果我可以在用户在搜索栏中输入过滤器时在过滤器中搜索我的表数据，我可以将其包含在过滤后的结果中，从而实现目标。

建议表示赞赏，我对JavaScript非常陌生。

我的相关javascript代码如下，目前它只显示过滤结果，而不显示标题或副标题：

function filterTable(event) {
var filter = event.target.value.toUpperCase();
var rows = document.querySelector("#multicategoryTable").rows;

for (var i = 0; i < rows.length; i++) {
    var Col0 = rows[i].cells[0].textContent.toUpperCase();
    var Col1 = rows[i].cells[1].textContent.toUpperCase();
    var Col2 = rows[i].cells[2].textContent.toUpperCase();
    var Col3 = rows[i].cells[3].textContent.toUpperCase();
    var Col4 = rows[i].cells[4].textContent.toUpperCase();
    var Col5 = rows[i].cells[5].textContent.toUpperCase();
    var Col6 = rows[i].cells[6].textContent.toUpperCase();
    if (Col0.indexOf(filter) > -1 || Col1.indexOf(filter) > -1 || Col2.indexOf(filter) > -1 || Col3.indexOf(filter) > -1 || Col4.indexOf(filter) > -1 || Col5.indexOf(filter) > -1 || Col6.indexOf(filter) > -1) 
    {
        rows[i].style.display = "";
    } 
    //else if (

    else 
    {
        rows[i].style.display = "none";
    }      
}

}

document.querySelector（＆＃39; #myInput＆＃39;）。addEventListener（＆＃39; keyup＆＃39;，filterTable，false）;