jquery:
//创建一个对象用来存放条件 let seek = {}; //搜索按钮点击事件 $("#seek").click(function () { //初始化一下对象 seek = {}; //获取到用户想搜索的东西(不管有没有值或者空白字符) let search_name = $("#names").val() let shenfenz = $("#tel").val(); let garde_input = $("#items").val() console.log(garde_input); //将条件添加到对象里面 seek = { name: search_name, rname: shenfenz, pname: garde_input, } //下面的就是执行筛选的代码,两个注释不需要解开和删除 //@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()) }) }) } //seek是条件,number_render是你的总数据,search_list是筛选完返回的数据 let search_list = filter(seek, number_render); console.log(search_list); //判断他返回的是否有数据,没有就显示问题,有就执行渲染函数 if (search_list.length == 0 || search_list == []) { $("#list_centers").html("<div>您要搜索的数据离家出走了~~</div>") $("#paging").fadeOut() } else { number_data = search_list number_of_pages = 0; fun(number_data, number_of_pages) } })
js:
//创建一个对象用来存放条件 let srr = {}; //搜索按钮点击事件 function reverse() { //初始化一下对象 srr = {}; //获取到用户想搜索的东西(不管有没有值或者空白字符) let input = document.getElementsByClassName('eattdi')[0].getElementsByTagName('input')[0].value; let inputs = document.getElementsByClassName('eattdi')[1].getElementsByTagName('input')[0].value; let inputss = document.getElementsByClassName('eattdi')[2].getElementsByTagName('input')[0].value; let inputsss = document.getElementsByClassName('eattdi')[3].getElementsByTagName('input')[0].value; let inputssss = document.getElementsByClassName('eattdi')[4].getElementsByTagName('input')[0].value; let inputsssss = document.getElementsByClassName('eattdi')[5].getElementsByTagName('input')[0].value; let inputssssss = document.getElementsByClassName('eattdit')[0].getElementsByTagName('input')[0].value; let inputsssssss = document.getElementsByClassName('eattdit')[1].getElementsByTagName('input')[0].value; //将条件添加到对象里面 srr = { name: inputssssss, education: input, title: inputs, sex: inputss, age: inputsssssss, status: inputsss, pname: inputssss, grade: inputsssss } //下面的就是执行筛选的代码 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()) }) }) } //srr是条件,dates是你的总数据,value是筛选完返回的数据 valu = filter(srr, dates); console.log(valu); //调用渲染函数传参 arech(); }