思路:我們首先將原本的資料存入到乙個陣列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搜尋需要的內容 優點 一次載入，後面篩選不用從資料庫取資料，減少互動 缺點 初始載入內容過多...