jqueryのテーブルフィルタデータ

<！DOCTYPE HTML > 
< HTML > 
    < ヘッド> 
        < メタ文字セットが= "UTF-8" > 
        < タイトル>挿入タイトルここ</ タイトル> 
        < スクリプトSRC = "スクリプト/ jquery.min.js" > </ スクリプト> 
    </ ヘッド> 
    < スタイル> 
        表、TR、TD { 
            ボーダー：固体1ピクセル。
            国境崩壊：崩壊。センター; 
        } 
    </ スタイル> 
    
    < ボディ> 
                スクリーニング：< INPUTのID = "フィルタ" タイプ= "テキスト" > 
        < 表> 
            < THEAD > 
                < TR > 
                    < TD >名</ TD > 
                    < TD >性別</ TD > 
                    < TD >一時的な宿泊先</ TD > 
                </ TR > 
            </ thead要素> 
            < TBODY> 
                < TR クラス= "親" ID = "row_01" > < TD COLSPAN = "3" >前台设计组</ TD > </ TR > 
                < TR クラス= "child_row_01" > < TD >张三</ TD > < TD >男</ TD > < TD >浙江宁波</ TD > </ TR > 
                < TR クラス= "child_row_01" > <TD >三</ TD> < TD >男</ TD > < TD >浙江宁波</ TD > </ TR > 
                
                < TR クラス= "親" ID = "row_02" > < TD COLSPAN = "3" >后端开发组</ TD > </ TR > 
                < TR クラス= "child_row_02" > < TD >张三</ TD > < TD >男</ TD > <TD >寧波</ TD> </ TR > 
                < TR クラス= "child_row_02" > < TD >三</ TD > < TD >男</ TD > < TD >浙江宁波</ TD > </ TR > 
                
                < TR クラス= "親" ID = "row_03" > < TD COLSPAN = "3" >美工组</ TD > </ TR > 
                < TR クラス=」child_row_03" > < TD >张</ TD > < TD >男</ TD > < TD >浙江</ TD > </ TR > 
                < TR クラス= "child_row_03" > < TD >三</ TD > < TD >男</ TD > < TD >浙江宁波</ TD > </ TR > 
            </ TBODY > 
        </ テーブル> 
    </ ボディ> 
    <スクリプトタイプ= "テキスト/ javascriptの" > 
        $（関数（）{ 
            $（' #filter ' ）.keyup（関数（）{ 
                $（' テーブルのTBODY TR ' ）.hide（）
                    .filterに（" ：「（含ま" + （ $（この）.val（））+ " 「）" ）.SHOW（）; 
            }）; 
        }）; 
    </ スクリプト> 
</ HTML >