如何利用jquery 实现表格数据的搜索功能

2025-01-01 05:38:18
推荐回答(1个)
回答1:

在表格的操作中,常常会遇到通过关键字来搜索结果,这个功能用jquery的filter实现非常简单。
我以一个小例子说明:





















姓名性别暂住地
张山浙江宁波
李四浙江杭州
王五湖南长沙
找六浙江温州
Rain浙江杭州
MAXMAN浙江杭州
王六浙江杭州
李字浙江杭州
李四湖南长沙

结果就是一个表格加上一个简单的搜索框,搜索按钮。当点击搜索时,利用jquery 实现查询:

基本思路:
先将所有的信息隐藏,再查询过滤出结果,再将结果显示出来。