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

JQuery表格筛选功能

2013-06-17 15:43 281 查看
$(function() {
$("#Text1").keyup(function() {
var filterText = $(this).val();
$("#<%=GridView1.ClientID %> tr").not(":first").hide().filter(":contains('" + filterText + "')").show();;
}).keyup();
})


JQuery的选择器:

1:$("#<%=GridView1.ClientID %> tr")选择表格的所有行;/如果使用了别的控件产生的TABEL,可以使用$("tr")。

2:not(":first"):除去第一行表头行;

3:filter(":contains('" + filterText + "')"):从上面所选择的行里面筛选出行文本中包含filterText 的行显示出来;

4:最后加一句keyup()是为了在提交后重新触发keyup事件。

现在项目需求是匹配表格里某一列的内容,并显示此行,不匹配的不予显示。(类似查询功能)

现做如下修改  

$("tr").not(":first").each(function(){
if($(this).hide().find("td:eq(2)").text()indexOF(filterText)!=-1){
$(this).show();
}
else
$(this).hide();
});
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: