javascript表格实现模糊查询

cppprimer 发布于2019-08-26 12:14 / 2346人阅读

摘要：相关知识实现查询不区分大小写用于检索字符串中指定的子字符串，或检索与正则表达式相匹配的子字符串。如果找到匹配字符串，返回匹配字符串的索引，如果没有找到任何匹配的字符串，则返回。

相关知识

toLowerCase()实现查询不区分大小写

search()用于检索字符串中指定的子字符串，或检索与正则表达式相匹配的子字符串。

var par="hello word";
console.log(par.search("he"));

如果找到匹配字符串，返回匹配字符串的索引，如果没有找到任何匹配的字符串，则返回-1。

split()拆分字符串为数组

var str="abc 123 ert";
var arr=str.split(" ");

代码实现

ID	姓名	年龄
1	Amy	20
2	李四	30
3	王五	26
4	王六	26
总计3条

总结

平时页面中用到的搜索都是后台提供，这里只整理下搜索的思路供参考。

专线服务私有云模糊匹配查询 html实现模糊搜索 PHP模糊查询 hbase模糊查询

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/108315.html

前端交互体验优化若干点

摘要：做前端也有一段时间了，对于实现各种需求来说已经是游刃有余了，代码的质量和可扩展性都能把控。目前最缺乏的就是所谓的用户体验。这样体验具有层次感，而且用户不会因为一大堆条件输入框而感到厌烦。避免全部页面，只用局部。做前端也有一段时间了，对于实现各种需求来说已经是游刃有余了，代码的质量和可扩展性都能把控。目前最缺乏的就是所谓的用户体验。用户体验说起来是一个比较模糊的概念，但是又是实实在在...

buildupchao 2019-08-30 15:44 评论0 收藏0
前端交互体验优化若干点

摘要：做前端也有一段时间了，对于实现各种需求来说已经是游刃有余了，代码的质量和可扩展性都能把控。目前最缺乏的就是所谓的用户体验。这样体验具有层次感，而且用户不会因为一大堆条件输入框而感到厌烦。避免全部页面，只用局部。做前端也有一段时间了，对于实现各种需求来说已经是游刃有余了，代码的质量和可扩展性都能把控。目前最缺乏的就是所谓的用户体验。用户体验说起来是一个比较模糊的概念，但是又是实实在在...

darryrzhong 2019-08-26 10:43 评论0 收藏0
实现DataTables搜索框查询结果高亮显示

摘要：宋体三搜索框查询结果高亮显示的其他方法宋体。宋体四总结宋体实现搜索框查询结果高亮显示的功能需要引入文件，文中提供了种这类文件，并说明了要配套编写的相关代码。DataTables是封装好的HTML表格插件，丰富了HTML表格的样式，提供了即时搜索、分页等多种表格高级功能。用户可以编写很少的代码（甚至只是使用官方的示例代码），做出一个漂亮的表格以展示数据。关于DataTables的更多信息，请查...

番茄西红柿 2019-04-23 13:17 评论0 收藏0
你不知道的CSS（二）

摘要：用来控制表格单元格宽度你也许遇到过给表格设置了宽度，但是不起作用的问题。这是因为单元格的宽度是根据其内容进行调整的。显而易见的，默认情况下，单元格宽度受其内容约束。而设置了后，其单元格宽度变得可控了。本文首发于我的博客在上文《你不知道的CSS（一）》中，介绍了兄弟选择器美化表单，font-size:0消除间隙，overflow清除浮动，border绘制三角形等7个实用技巧。由于文章长...

sewerganger 2019-08-29 13:22 评论0 收藏0
前端移动端适配总结

摘要：设备像素比缩写简称，也就是我们经常在谷歌控制台移动端调试顶端会看到的一个值。在移动端，默认的情况下，布局视口的宽度是要远远大于浏览器的宽度的。手淘团队布局现今，适配手机端 meta标签到底做了什么事情做过移动端适配的小伙伴一定有遇到过这行代码：但是，很多小伙伴只是感性的认识：噢，我加了这行代码，然后页面的宽度就会跟我的设备宽度一致。然而，这种理解是很片面的。那么，这句话的本质到底...

sydMobile 2019-08-30 13:47 评论0 收藏0