JQuery表搜索剪切表頭

Question

我試過使用jQuery爲了創建我的HTML表的搜索輸入。其實這是不知何故工作。但是我注意到了不想要的行爲，當我搜索某個不在table header中的單詞時，它會剪切標題，因此只剩下的內容是包含搜索詞的行，該行被放入輸入字段。

這裏是我的腳本：

jsFiddle link

誰能給我一個提示我怎麼能改善這個代碼來顯示錶頭中的搜索結果？

PS。編輯鏈接。前一個沒有包括jQuery，並沒有工作。對不起

Answer 1

您只需要從tbody中選擇匹配tr。請參閱更新的小提琴

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

Answer 2

包含TD標籤，而不是標題這樣，它會過濾只完整行：

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