基于jQuery过滤表格内容

废话不多说，把关键代码贴给大家就行了。具体代码如下：

html标题标题表格内容/标题链接类型=' text/CSS' rel='样式表' href=' CSS/contains . CSS '/style type=' text/CSS '表格{ width : 50%；border: 1px固体；背景-color : # 8FBC8F；}向左移动第{ text-align :border-bottom: 1px实心；}/style script type=' text/JavaScript ' src=' http : script/jquery-1 . 4 . 3 . min . js '/script script type=' text/JavaScript ' $(function(){ $(' # filter name ')。key up(function(){ $(' table t body tr '))。隐藏()。筛选器(' : contains('($(this))。val())' ')')。show()；}).key up()；//加载//DOM时，绑定事件完成后立即触发})；/script /head body filter输入类型=' text ' id=' filter name '/table THEAD TRTH姓名/th性别/th暂住地/th/tr /thead tbody trtd张三/tdtd男/tdtd宁波， 浙江/td/tr trtd李思/tdtd女/Ttdd浙江杭州/td/tr trtd王武/Tdtd男/tdtd湖南长沙/td/tr trtd刘钊/tdtd男/tdtd浙江温州/td/tr trtdRain/tdtd男/tdtd浙江杭州/TD/trtdMAXMAN/tdtd女/tdtd浙江杭州/td/tr trtd张霸/tdtd男/tdtd浙江宁波/td/tr trtd李悝jy /tdtd女/Tdtd浙江杭州/td/tr trtd王锦

进入前：

输入后：

以上是边肖介绍的基于jQuery过滤表格内容的功能，对大家有帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！