JQuery表搜索剪切表头

时间:2014-02-05 08:49:27

标签: javascript jquery html

我尝试使用jQuery为我的HTML表创建搜索输入。实际上它在某种程度上起作用。但是我注意到了不需要的行为,当我搜索某个不在table header中的单词时,它会剪切标题,因此只剩下的内容是包含放在输入字段中的搜索单词的行。

这是我的剧本:

jsFiddle link

有没有人可以给我一个提示如何改进此代码以在表格标题中显示搜索结果?

PS。编辑链接。以前的一个不包括jquery,并没有工作。遗憾

2 个答案:

答案 0 :(得分:3)

您只需从tr选择匹配的tbody即可。查看更新的小提琴

http://jsfiddle.net/rn74Z/3/

答案 1 :(得分:0)

这样它只会过滤包含td标签而不是标题的整行:

var rows = $('#xxx tr');
...
rows.show().has("td").filter(....)