JQuery表格内容过滤的实现方法_jquery
来源：动视网
责编：小采
时间：2020-11-27 21:11:46
JQuery表格内容过滤的实现方法_jquery
JQuery表格内容过滤的实现方法_jquery: 代码如下:[html] JQuery表格内容过滤 table{ border:0;border-collapse:collapse;} div{font:normal 12px/17px Arial;} td{ font:normal 12px/17px Arial;padding:2px;width:100px;} th{ font:b
导读JQuery表格内容过滤的实现方法_jquery: 代码如下:[html] JQuery表格内容过滤 table{ border:0;border-collapse:collapse;} div{font:normal 12px/17px Arial;} td{ font:normal 12px/17px Arial;padding:2px;width:100px;} th{ font:b
代码如下:
[html]
JQuery表格内容过滤 $(function(){
$("#filterName").keyup(function(){
$("table tbody tr")
.hide()
.filter(":contains('"+( $(this).val() )+"')")
.show();
}).keyup();
})
筛选：
| 姓名 | 性别 | 暂住地 |
|---|
| SYJ | 男 | 河北秦皇岛市 |
| 李四 | 女 | 北京北京市 |
| 王五 | 男 | 河北秦皇岛市 |
| 赵六 | 男 | 河北唐山市 |
| 张三 | 男 | 内蒙古呼和浩特市 |
| 王六 | 女 | 内蒙古包头市 |
| 二狗 | 男 | 北京北京市 |
| 李字 | 女 | 河北秦皇岛市 |
| 二蛋 | 男 | 东北辽宁省 |
JQuery表格内容过滤的实现方法_jquery
JQuery表格内容过滤的实现方法_jquery: 代码如下:[html] JQuery表格内容过滤 table{ border:0;border-collapse:collapse;} div{font:normal 12px/17px Arial;} td{ font:normal 12px/17px Arial;padding:2px;width:100px;} th{ font:b
