先看重点部分:
其中data是需要过滤的数据;condition是过滤条件——需要对其进行处理转换成和数据相关的格式,说直白点就是获取值然后以对象的形式处理,最后在调用渲染函数
整体代码
// 搜索 let seek = {}; $("#seek").click(function() { $("#list_operation").show() console.log($("#items").val()); $("#paging").show() seek = {}; let namess = $("#names").val() let tele = $("#tel").val(); let item = $("#items").val(); let date_time = $("#date").val(); // let namess = $("#names").val() // let namess = $("#names").val() // let namess = $("#names").val() seek = { name: namess, tel: tele, nowdate: date_time, title: item } //@param condition 过滤条件 //@param data 需要过滤的数据 let filter = (condition, data) => { return data.filter(item => { return Object.keys(condition).every(key => { return String(item[key]).toLowerCase().includes( String(condition[key]).trim().toLowerCase()) }) }) } let search_list = filter(seek, number_render); console.log(search_list); if (search_list.length == 0 || search_list == []) {//这个判断可以不加,但要有下面的渲染函数 $("#list_centers").html(`<div style="text-align:left">您要搜索的数据离家出走了~~</div>`) $("#paging").hide() $("#list_operation").hide() } else { number_data = search_list number_of_pages = 0; fun(number_data, number_of_pages)//渲染函数 } })