javascript表格實現(xiàn)模糊查詢

cppprimer 發(fā)布于2019-08-26 12:14 / 2489人閱讀

摘要：相關(guān)知識實現(xiàn)查詢不區(qū)分大小寫用于檢索字符串中指定的子字符串，或檢索與正則表達(dá)式相匹配的子字符串。如果找到匹配字符串，返回匹配字符串的索引，如果沒有找到任何匹配的字符串，則返回。

相關(guān)知識

toLowerCase()實現(xiàn)查詢不區(qū)分大小寫

search()用于檢索字符串中指定的子字符串，或檢索與正則表達(dá)式相匹配的子字符串。

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

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

split()拆分字符串為數(shù)組

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

代碼實現(xiàn)

ID	姓名	年齡
1	Amy	20
2	李四	30
3	王五	26
4	王六	26
總計3條

總結(jié)

平時頁面中用到的搜索都是后臺提供，這里只整理下搜索的思路供參考。

GPU云服務(wù)器云服務(wù)器模糊匹配查詢 html實現(xiàn)模糊搜索 PHP模糊查詢 hbase模糊查詢

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/108315.html

相關(guān)文章

前端交互體驗優(yōu)化若干點

摘要：做前端也有一段時間了，對于實現(xiàn)各種需求來說已經(jīng)是游刃有余了，代碼的質(zhì)量和可擴(kuò)展性都能把控。目前最缺乏的就是所謂的用戶體驗。這樣體驗具有層次感，而且用戶不會因為一大堆條件輸入框而感到厭煩。避免全部頁面，只用局部。做前端也有一段時間了，對于實現(xiàn)各種需求來說已經(jīng)是游刃有余了，代碼的質(zhì)量和可擴(kuò)展性都能把控。目前最缺乏的就是所謂的用戶體驗。用戶體驗說起來是一個比較模糊的概念，但是又是實實在在...

buildupchao 2019-08-30 15:44 評論0 收藏0
前端交互體驗優(yōu)化若干點

摘要：做前端也有一段時間了，對于實現(xiàn)各種需求來說已經(jīng)是游刃有余了，代碼的質(zhì)量和可擴(kuò)展性都能把控。目前最缺乏的就是所謂的用戶體驗。這樣體驗具有層次感，而且用戶不會因為一大堆條件輸入框而感到厭煩。避免全部頁面，只用局部。做前端也有一段時間了，對于實現(xiàn)各種需求來說已經(jīng)是游刃有余了，代碼的質(zhì)量和可擴(kuò)展性都能把控。目前最缺乏的就是所謂的用戶體驗。用戶體驗說起來是一個比較模糊的概念，但是又是實實在在...

darryrzhong 2019-08-26 10:43 評論0 收藏0
實現(xiàn)DataTables搜索框查詢結(jié)果高亮顯示

摘要：宋體三搜索框查詢結(jié)果高亮顯示的其他方法宋體。宋體四總結(jié)宋體實現(xiàn)搜索框查詢結(jié)果高亮顯示的功能需要引入文件，文中提供了種這類文件，并說明了要配套編寫的相關(guān)代碼。DataTables是封裝好的HTML表格插件，豐富了HTML表格的樣式，提供了即時搜索、分頁等多種表格高級功能。用戶可以編寫很少的代碼（甚至只是使用官方的示例代碼），做出一個漂亮的表格以展示數(shù)據(jù)。關(guān)于DataTables的更多信息，請查...

番茄西紅柿 2019-04-23 13:17 評論0 收藏0
你不知道的CSS（二）

摘要：用來控制表格單元格寬度你也許遇到過給表格設(shè)置了寬度，但是不起作用的問題。這是因為單元格的寬度是根據(jù)其內(nèi)容進(jìn)行調(diào)整的。顯而易見的，默認(rèn)情況下，單元格寬度受其內(nèi)容約束。而設(shè)置了后，其單元格寬度變得可控了。本文首發(fā)于我的博客在上文《你不知道的CSS（一）》中，介紹了兄弟選擇器美化表單，font-size:0消除間隙，overflow清除浮動，border繪制三角形等7個實用技巧。由于文章長...

sewerganger 2019-08-29 13:22 評論0 收藏0
前端移動端適配總結(jié)

摘要：設(shè)備像素比縮寫簡稱，也就是我們經(jīng)常在谷歌控制臺移動端調(diào)試頂端會看到的一個值。在移動端，默認(rèn)的情況下，布局視口的寬度是要遠(yuǎn)遠(yuǎn)大于瀏覽器的寬度的。手淘團(tuán)隊布局現(xiàn)今，適配手機(jī)端 meta標(biāo)簽到底做了什么事情做過移動端適配的小伙伴一定有遇到過這行代碼：但是，很多小伙伴只是感性的認(rèn)識：噢，我加了這行代碼，然后頁面的寬度就會跟我的設(shè)備寬度一致。然而，這種理解是很片面的。那么，這句話的本質(zhì)到底...

sydMobile 2019-08-30 13:47 評論0 收藏0