javascript表格實現模糊查詢

cppprimer 發布于2019-08-26 12:14 / 2485人閱讀

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

相關知識

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條

總結

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

云服務器 GPU云服務器模糊匹配查詢 html實現模糊搜索 PHP模糊查詢 hbase模糊查詢

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/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