在页面中,如果有一个表格(table)数据显示,想对这个table进行搜索,实现如下:
$(document).on('keyup', '.searchValue', function () {
searchValue(this);
});
function searchValue(input) {
var searchValue = input.value.toLowerCase();
var table = $("table").find("tbody tr");
table.each(
function () {
// if(!searchValue)return false;
var e = jQuery(this);
var eValue = e.text().toLowerCase();
if (!eValue.match(searchValue)) {
e.hide();
}
else {
e.show()
}
}
);
};
代码中用on函数,指定当在搜索框中输入字段,发生keyup事件时,调用searchValue函数;searchValue函数获取页面中表格的每一行,并对每一行的内容进行匹配,如果匹配到搜索框中的字段,那么显示这一行,否则,隐藏这一行。