Fast Filter/Search List jQuery Plugin - lookingfor.js

File Size: 160 KB
Views Total: 1198
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
Fast Filter/Search List jQuery Plugin - lookingfor.js

lookingfor.js is a tiny and blazing fast live fitler/fuzzy search jQuery plugin that allows your users to quickly filter long HTML lists or large datasets created by any other HTML element.

How to use it:

1. Include the minified version of the lookingfor.js plugin on the page.

<script src="/path/to/cdn/jquery.slim.min.js"></script>
<script src="/path/to/dist/jquery.lookingfor.min.js"></script>

2. Enable a search field to filter your HTML list.

<input type="search" class="filter" />
<ul class="demo">
  <li>American Samoa,AS</li>
  <li>Antigua and Barbuda,AG</li>
  input: $('input.filter'),
  items: 'li',

3. Determine to highlight the matched characters in the result. Default: false.

  input: $('input.filter'),
  items: 'li',
  highlight: true,
  highlightColor: '#ffde00',

4. The plugin provides a callback function which will be triggered when search text is found in the list.

  input: $('input.filter'),
  items: 'li',
  onFound: function(item, query){
    // ...

This awesome jQuery plugin is developed by albburtsev. For more Advanced Usages, please check the demo page or visit the official website.