js如何实现模糊匹配功能

这篇文章主要介绍了js如何实现模糊匹配功能，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。

目前累计服务客户数千家，积累了丰富的产品开发及服务经验。以网站设计水平和技术实力，树立企业形象，为客户提供网站设计、网站制作、网站策划、网页设计、网络营销、VI设计、网站改版、漏洞修补等服务。创新互联公司始终以务实、诚信为根本，不断创新和提高建站品质，通过对领先技术的掌握、对创意设计的研究、对客户形象的视觉传递、对应用系统的结合，为客户提供更好的一站式互联网解决方案，携手广大客户，共同发展进步。

功能描述：

在搜索框中输入某一个字段，可以查询到相关的内容

功能实现：

1.  先声明变量用于保存输入框以及表格里面的内容
2.  循环遍历
遍历表格每一行，查找匹配项
3.  判断
如果输入框里面的内容跟表格中某个td的内容相似，则表格中的某行就显示，否则隐藏

功能实现：

 
 
   
 
 
 
 
   
    项目名称 
    时间 
   
   
    redPackets 
    2017.2.6 
   
   
    traffic 
    2016.12.25 
   
   
    creditCard 
    2017.1.18 
   
   
    returnMoney 
    2016.11.25 
   
 
 
 

扩展：模拟通讯录搜索提示

 
 
   
 
 
   
 
   
    
A
 
    
Angel
 
    
Adobe
 
    
Anne
 
 
    
B
 
    
Betty
 
    
Bella
 
    
Brown
 
 
    
C
 
    
Calvin
 
    
Chris
 
    
Claire
 
 
    
D
 
    
David
 
    
Daniel
 
    
Dora
 
 
    
E
 
    
Emily
 
    
Elena
 
    
Eufemia
 
   
 
 

感谢你能够认真阅读完这篇文章，希望小编分享的“js如何实现模糊匹配功能”这篇文章对大家有帮助，同时也希望大家多多支持创新互联，关注创新互联行业资讯频道，更多相关知识等着你来学习!