为了账号安全,请及时绑定邮箱和手机立即绑定

请问一下前端啊查询问题。

请问一下前端啊查询问题。

浮云间 2019-03-20 22:19:51
是这样的,公司需要拿个假页面html去展示一下,这里面有表格的查询功能,我该怎么写查询呢,如下图。   $(function(){    var dataTable = [        {'batteryCode':'S16030116','battreyV':'107','circleLine':'75%',        'batteryType':'链路故障','showTime':'2018-3-12','dealTime':'2018-4-12',        'operator':'曹海燕','resul':'模组检测发现V14极耳虚焊','dealLate':'是'},        {'batteryCode':'S16030116','battreyV':'107','circleLine':'75%',        'batteryType':'链路故障','showTime':'2018-3-12','dealTime':'2018-4-12',        'operator':'曹海燕','resul':'模组检测发现V14极耳虚焊','dealLate':'是'},        {'batteryCode':'S16030116','battreyV':'107','circleLine':'75%',        'batteryType':'链路故障','showTime':'2018-3-12','dealTime':'2018-4-12',        'operator':'曹海燕','resul':'模组检测发现V14极耳虚焊','dealLate':'是'},        {'batteryCode':'S16030116','battreyV':'107','circleLine':'75%',        'batteryType':'链路故障','showTime':'2018-3-12','dealTime':'2018-4-12',        'operator':'曹海燕','resul':'模组检测发现V14极耳虚焊','dealLate':'是'}    ];     var str = "";     str += "<tbody'>";        for (var i = 0; i < dataTable.length;i++){            str += "<tr>";               str+="<td>"+dataTable[i].batteryCode+"</td>";            str+="<td>"+dataTable[i].battreyV+"</td>"            str+="<td>"+dataTable[i].circleLine+"</td>"            str+="<td>"+dataTable[i].batteryType+"</td>"            str+="<td>"+dataTable[i].showTime+"</td>"            str+="<td>"+dataTable[i].dealTime+"</td>"            str+="<td>"+dataTable[i].operator+"</td>"            str+="<td>"+dataTable[i].resul+"</td>"            str+="<td>"+dataTable[i].dealLate+"</td>"            str += "</tr>";        }    str += "</tbody>";    $('.inner_tab').append(str)    })
查看完整描述

4 回答

?
繁星淼淼

TA贡献1775条经验 获得超11个赞

dataTable.filter(item => {  

    return item.operator.indexOf('金')>-1;

})


//筛选`operator`字段包含搜索关键词的数组


查看完整回答
反对 回复 2019-04-14
?
胡说叔叔

TA贡献1804条经验 获得超8个赞

鉴于你表格已经生成完了,$("table tr").html()字符串模糊匹配,不匹配的行都display:none吧


查看完整回答
反对 回复 2019-04-14
  • 4 回答
  • 0 关注
  • 524 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信