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

时间:2024-03-28 10:54:43
$("tr:contains('关键词')").addClass("selected");//

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

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

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