javascript - 如何在javascript中突出显示搜索文本记录？

Question

命名 Angular 色

applicationame          role                     id
application1           appadministrator      1490
application            developer             1498
application2            tester               1460

我需要这样的结果，如果输入“app”作为搜索文本需要突出显示所有行，因为所有行都有应用程序。如果输入“应用程序”作为搜索文本，则只需要突出显示第二行。因为确切的 macth.like 我需要检查所有列，即应用程序、 Angular 色等。不需要隐藏未macth的行。仅当不是macth时才需要突出显示匹配，只是按原样显示。

如果用户输入“14”作为搜索文本，则需要突出显示所有行。如果他输入 1490，则需要突出显示 1strow 并按原样显示剩余行。请帮助我实现此目的。

我的 fiddle :http://jsfiddle.net/kUxNj/4/

请根据此修改我的 fiddler。

Answer 1

你应该替换这个:

if ($(this).find('td:first-child').text().toUpperCase() === text.toUpperCase() ||
                    $(this).find("td:eq(1)").text().toUpperCase() === text.toUpperCase()
                   )

这样:

if ($(this).find('td:first-child').text().toUpperCase().indexOf(text.toUpperCase()) != -1 ||
                    $(this).find("td:eq(1)").text().toUpperCase().indexOf(text.toUpperCase()) != -1
                   )

工作原理:您的代码查看给定文本是否等于其中一行，但我的代码检查其中一行是否包含给定文本，使用indexOf() method .

为了避免隐藏不匹配的元素，请删除以下代码:

if(grid.find('td.result').length >0){
                grid.find('td').not('.result').parent('tr').hide();
            }

更新的 fiddle :http://jsfiddle.net/kUxNj/7/