jquery实现静态页面筛选表格
发表于:2024-11-26 作者:热门IT资讯网编辑
编辑最后更新 2024年11月26日,用jquery做一个筛选信息的效果。首先要加入对jquery的支持,这个自己加即可jsp页面:筛选:姓名性别年龄生日张三男151999李四男181999王五男151999js代码:$(document
用jquery做一个筛选信息的效果。首先要加入对jquery的支持,这个自己加即可
jsp页面:
筛选:
姓名 | 性别 | 年龄 | 生日 |
张三 | 男 | 15 | 1999 |
李四 | 男 | 18 | 1999 |
王五 | 男 | 15 | 1999 |
js代码:
$(document).ready(function(){
$("#shai").keyup(function(){
$("table tbody tr").hide().filter(":contains('"+($(this).val())+"')").show();
});keyup();//这句一定要有。
})
效果:
当在输入框输入"张"或者表格中任意一个字时,会将该行筛选出来。