<! DOCTYPE HTML > < HTML > < голова > < мета кодировка = "UTF-8" > < название > Вставить заголовок здесь </ название > < сценарий SRC = "скрипты / jquery.min.js" > </ скрипт > </ голова > < стиль > таблица, тр, тд { граница : твердый 1px ; границы коллапса : крах ;Центр ; } </ стиль > < тело > Скрининг: < ВВОД ID = "фильтр" Тип = "текст" > < Таблица > < THEAD > < TR > < TD > Имя </ TD > < TD > Пол </ TD > < TD > временное жилье </ TD > </ TR > </ THEAD > < TBODY> < Тр класс = "родитель" ID = "row_01" > < TD Объединение колонок = "3" >前台设计组</ TD > </ TR > < TR класс = "child_row_01" > < TD >张三</ TD > < TD >男</ TD > < TD >浙江宁波</ TD > </ TR > < TR класс = "child_row_01" > <тд >三</ TD> < TD >男</ TD > < TD >浙江宁波</ TD > </ TR > < TR класс = "родитель" ID = "row_02" > < TD Объединение колонок = "3" >后端开发组</ TD > </ TR > < TR класс = "child_row_02" > < TD >张三</ TD > < TD >男</ TD > <TD > Ningbo </ TD> </ TR > < TR класс = "child_row_02" > < TD >三</ TD > < TD >男</ TD > < TD >浙江宁波</ TD > </ TR > < TR класс = "родитель" идентификатор = "row_03" > < TD Объединение колонок = "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 тр ' ) .hide () .filter ( " : содержит (» " + ( $ ( это ) .val ()) + " «) " ) .show (); }); }); </ Скрипт > </ HTML >