🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

QjSearch is a very small jQuery in-page filtering plugin that enables a search field to hide non-matching items inside a given container as the user types.

Filter table-filter

Documentation

QjSearch

JQuery plugin for search on DOM. Search is carried out according to the text.

HTML code

<input type="text" id="search_field" placeholder="city" data-qjs="#content .block" data-qjs-0="#emptyresult" data-qjs-1="#notemptyresult" data_qjs_res="#result_count" />

Attributes

data-qjs      - target for search output  data-qjs-res  - target for result output  data-qjs-0    - element visible for empty results  data-qjs-1    - element visible fot not empty results 

Javascript (JQuery)

$("#search_field").qjsearch();  -  custom field function $("input[data-gjs!='']").qjsearch();  -  universal function

Demo: https://yumadilowadim.github.io/QjSearch/


You May Also Like