简单实用的jQuery实现表格筛选功能
2019-03-13 21:27
51 查看
版权声明:在默默前行的过程中,如果有志同道合的朋友,私信我大家一起交流吧。 https://blog.csdn.net/qq_40282732/article/details/88541950
$("tr:contains('关键词')").addClass("selected");//
结合
filter的筛选方法,可以实现表格的过滤。
$(function(){ $("#filterName").keyup(function(){//filterName是搜索区域的id $("table tbody tr").hide().filter(":contains('"+($(this).val() )+"')").show(); //最核心的一句话,理解了这个就可以变成你想要的样子,比如把这个触发绑定在按钮上(如下例子) }).keyup();//DOM加载完毕后,绑定的事件完成之后立即触发 });
相关文章推荐
- jQuery实现的简单动态添加、删除表格功能示例
- 用一句JQuery代码实现表格的简单筛选
- 用一句JQuery代码实现表格的简单筛选
- 基于JQuery的一句代码实现表格的简单筛选
- 基于jquery实现表格内容筛选功能实例解析
- 基于JQuery的一句代码实现表格的简单筛选
- 基于jQuery实现表格内容的筛选功能
- 如何利用jquery 实现表格的简单筛选
- jquery实现表格删除功能
- JQuery Plugin-TableExport实现前端表格的导出功能(已解决表格pdf导出中文格式问题)
- 用jQuery实现简单的加入收藏页面的功能
- jquery实现简单实用的弹出层效果代码
- 初次使用springboot与jQuery实现简单的用户登录注册功能
- input 点击放大镜背景搜索、jQuery实现简单前端搜索功能
- 使用jQuery简单实现产品展示的图片左右滚动功能
- jquery input框时间监听事件,仿百度搜索,简单实现功能。
- 基于jQuery实现的查看全文功能【实用】
- jQuery 实现最简单的form表单提交 Loding 功能
- js实现表格筛选功能
- 用css和jQuery实现简单表格编辑