微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

js实现表格筛选功能

<p style="text-align: center">

本应用就两个主要实现:

1.表格的id 和 class之间的命名关系

请看图: 将组名和个人信息联表格联系起来,这样会很好的操作表格

HTML代码

rush:xhtml;"> 前台设计组前台开发组

2.就是筛选功能的使用:使用filter联合contains将输入框的字加入contains进行筛选

javascript代码

rush:js;"> //设置列表查询 $("#filterName").keyup(function () { $("table tbody tr").stop().hide() //将tbody中的tr都隐藏 .filter(":contains('"+($(this).val())+"')").show(); //,将符合条件的筛选出来

});

下面是完整代码

rush:xhtml;"> <Meta charset="UTF-8"> 表格应用
Box">
Box-top"> 筛选: 姓名 性别 暂住地 前台设计组前台开发组后台设计组

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持编程之家!

原文地址:https://www.jb51.cc/js/42384.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐