jquery快速实现全局搜索表格内容

如何实现对表格数据内容的快速筛选和查找呢?
jquery中的filter和contains共同使用可以快速实现了这个功能。
如下html代码:

姓名性别暂住地
张山湖北
abd湖南
王麻子河北
李四河南
王五11江苏
赵六d江西

可以实现如下简单的搜索框和表格界面:

jquery快速实现全局搜索表格内容_第1张图片
表格和搜索框.png

需要实现在搜索框中输入内容,然后对表格内容筛选删除搜索框内容时,所有表格数据还原显示。jquery代码如下:


jquery快速实现全局搜索表格内容_第2张图片
输入'男'.png

你可能感兴趣的:(jquery快速实现全局搜索表格内容)