jQuery實現模糊查詢

2021-06-26 15:57:45 字數 719 閱讀 3869

今天做了乙個類似從qq群組選出成員的功能,要求能對群裡面已有的成員實現模糊查詢,但是後台介面不支援模糊查詢,所以乾脆在前台進行模糊查詢,讓能匹配到的群組成員顯示,不能匹配的成員進行隱藏來達到模糊查詢的效果。

下面是我的**:

// 模糊搜尋

function query()else

}

如果查詢條件不為空,首先讓全部成員不可見,再過濾出匹配的成員並讓其顯示出來。

下面是jquery官網截出來的,解釋的很清楚。

一、filter()方法:filter() 方法將匹配元素集合縮減為匹配指定選擇器的元素

$('li').filter(':even').css('background-color', 'red');
此呼叫的結果是將專案 1, 3, 5 的背景設定為紅色,這是因為它們都匹配選擇器(回憶一下,:even 和 :odd 均使用基於 0 的 index)。

使用該方法的第二個形式是,通過函式而不是選擇器來篩選元素。對於每個元素,如果該函式返回 true,則元素會被包含在已篩選集合中;否則,會排除這個元素。

請看下面這段稍顯複雜的 html 片段:

我們可以選取這些列表項,然後基於其內容來篩選它們:

$('li').filter(function(index) ).css('background-color', 'red');

jQuery實現id模糊查詢

在js中常常會用到某類似id的模糊查詢,可以使用jquery工具和模糊查詢 來實現。下面用另個例子說明 在其中查詢id中包含 cbs 1 的img,使用 img id cbs 1 即可獲取到 eg 2.再舉個例子,在頁面中查詢某id的div集合,放上 在其中查詢id中包含 div 1 的div,使用...

jQuery實現模糊搜尋效果

使用jquery中 contains選擇器實現模糊搜尋 匹配關鍵字效果。body warp 清除input預設樣式 input 搜尋欄 search box search box input search box search icon 搜尋內容 search content search cont...

jQuery 如何實現 模糊搜尋

如何實現 模糊搜尋 當我們瀏覽網頁的時候,通常能看到搜尋欄,這大大的提高了我們獲取資料的目的性。那如何去實現乙個簡單的模糊搜尋 框呢,以下案例獲取能給你一點思路。以下案例,可以實現當按鍵按下時,自動檢索匹配資料 基本css 樣式 row 基本的html 樣式 自己建立乙個商品資料集合 點選分類時實現...