简单实用的jQuery实现表格筛选功能

$("tr:contains('关键词')").addClass("selected");//

结合filter的筛选方法，可以实现表格的过滤。

$(function(){$("#filterName").keyup(function(){//filterName是搜索区域的id$("table tbody tr").hide().filter(":contains('"+($(this).val() )+"')").show();//最核心的一句话，理解了这个就可以变成你想要的样子，比如把这个触发绑定在按钮上（如下例子）}).keyup();//DOM加载完毕后，绑定的事件完成之后立即触发
});

简单实用的jQuery实现表格筛选功能相关推荐

经验分享：10个简单实用的 jQuery 代码片段
尽管各种 JavaScirpt 框架和库层出不穷,jQuery 仍然是 Web 前端开发中最常用的工具库.今天,向大家分享我觉得在网站开发中10个简单实用的 jQuery 代码片段. 您可能感兴趣的相 ...
简单实用的jQuery分页插件twbs-pagination
在Web开发中,表格是一个很好展示数据的组件.当数据量大了,分页就不可避免了.分页不仅可以提高读取数据的性能,而且也会让用户体验更好.在前面PHP程序员雷雪松给大家介绍了Bootstrap Table ...
LayUI表格筛选功能出现隐藏列的解决办法
某些业务场景需要把一些信息带入页面,而这些信息又不用给展示出来,一般来说想到的就是隐藏列,利用LayUI表格的 hide:true 就能实现,它还提供筛选功能,但LayUI的表格筛选功能就有个问题,就 ...
tips显示位置下面 html,简单实用的jQuery Tooltips工具提示插件
minimalTips.js是一款简单实用的jQuery Tooltips工具提示插件.该jquery工具提示插件压缩后的版本仅3kb,它不仅支持超链接元素,而且支持段落和span等元素显示toolt ...
html表格筛选,js实现表格筛选功能
本应用就两个主要实现: 1.表格的id 和 class之间的命名关系请看图: 将组名和个人信息联表格联系起来,这样会很好的操作表格 HTML代码: 前台设计组张三男浙江宁波李四男浙江宁波胡歌男浙江宁 ...
wps 选择高亮_简单实用：一组WPS表格技巧
小伙伴们好啊,今天咱们来分享一组WPS表格中的实用技巧,点滴积累,也能提高工作效率.表格核对两眼花,丈母娘看成孩他妈.对于重复的身份证号.银行卡号等等进行识别,目测可是不太方便.选中数据区域,数据→高 ...
jquery 实现表格搜索功能
原文地址:http://www.cnblogs.com/bigtallhcy/p/5344924.html 在表格的操作中,常常会遇到通过关键字来搜索结果,这个功能用jquery的filter实现非常 ...
jquery之表格伸缩功能（动态子表）
============================================================================ 原创作品,允许转载.转载时请务必以超链接形式标 ...
一款简单实用的jQuery图片画廊插件
图片画廊今天分享一个自己实现的jQuery 图片画廊插件. 看一下效果图: 点击图片时: 在线演示地址:http://www.jr93.top/photoGallery/photoGallery.h ...

简单实用的jQuery实现表格筛选功能

简单实用的jQuery实现表格筛选功能相关推荐

最新文章

热门文章