思路:我們首先將原本的資料存入到乙個陣列old_items中,然後再新建立乙個新的陣列items用於儲存搜尋到的資料,在遍歷第乙個陣列old_items時,使用正則判斷是否包含輸入的的內容,如果包括,就將內容push到新陣列items中,當一切執行完畢,就遍歷items陣列取出資料,將原本的內容清空,填充新資料。
首先的資料如下:
js**如下:
function search(){
//先將li的內容錄入到陣列中
var ul = document.getelementbyid("content-wrap");
var liarr = ul.getelementsbytagname("li");
var keyword = $('#searchinp').val();
var reg = new regexp(keyword);
var items = ;
if (keyword.length > 0) {
for(var i = 0;i效果:
js右擊彈框實現進行複製貼上功
js右擊彈框實現進行複製貼上功能 第三方外掛程式 clipboard.js jquery 擴充套件右擊事件 只需要注入兩個js,和一段css即可實現 common.css 複製貼上的css wrap ms right ms item ms item hover fa fa copy before,f...
js之使用localStorage進行頁面間傳值
localstorage是用來作為本地儲存來使用的,是html5新加的乙個特性。可以用來進行頁面間值的傳遞。當使用localstorage傳遞單個值時用法如下 儲存值 localstorage.setitem test test 獲取值 var test localstorage.getitem t...
通過js對已載入列表進行自動搜尋
一 實際專案中,在列表搜尋展現過程中通常採用兩種方法實現 優點 列表內容過多時,可以單獨呼叫介面返回需要的資料 缺點 每次搜尋呼叫介面,資料互動太頻繁且需要一定響應時間 2 初始載入列表所有內容,通過前端js搜尋需要的內容 優點 一次載入,後面篩選不用從資料庫取資料,減少互動 缺點 初始載入內容過多...