js 搜索表格中包含某字段的行

xiaoxiao2021-02-27  109

在页面中,如果有一个表格(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函数获取页面中表格的每一行,并对每一行的内容进行匹配,如果匹配到搜索框中的字段,那么显示这一行,否则,隐藏这一行。

转载请注明原文地址: https://www.6miu.com/read-17165.html

最新回复(0)