您的位置:首页 > Web前端 > JQuery

简单实用的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加载完毕后,绑定的事件完成之后立即触发
});


内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: