A small jQuery plugin that helps filter a selection of items.
- Can filter any selection of elements...
- On any property you want!
- Lightweight - ~0.5kb minified and gzipped
- Made to be customized - callbacks and options
Place /assets/js/jquery.filtr.min.js
in /your/js/folder/
.
Add this just before your closing body
tag, after you've included jQuery:
<script src="/your/js/folder/filtr.min.js"></script>
Set up your html:
<form action="/">
<input name="filter">
</form>
<ul class="filter_items">
<li data-filtr="item 1">Item 1</li>
<li data-filtr="item 2">Item 2</li>
<li data-filtr="item 3">Item 3</li>
</ul>
Call the plugin:
var options = {};
$('input[name="filter"]').filtr($('.filter_items li'), options);
For full documentation, have a look at http://docs.toddish.co.uk/filtr.