jQuery Live Filter Plugin

by strx on April 18, 2011

or

None of the live filter plugins I’ve found in Internet do exacly what I want so I’ve decided to write my own.

It’s very simple and at the same time elastic because it can be used to filter almost everything can be grouped and identified via jQuery. See this sample:

Here I’ve used it to filter table rows, an unordered list and some paragraphs with a single call:

$('input').livefilter({selector:'tbody tr, li, p'});

Available Options

  • selector: jQuery style selector that identifies the set of elements to filter
  • debounce: Time to wait in ms before starting filtering; every time a keyup event is detected, the plugin waits for the number of milliseconds specified in debounce before starting the job

Lowest Prices on buy generic nolvadex that can be bought without a prescription.
You can download it from jQuery plugin page or contribute to the development on GitHub, feel free to fork it.

5 comments

Hey, this looks great!

Do you have any further examples of implementation, either live or demo? Looking for something to filter divs that will include images and text.

Thanks!

by Jared on May 30, 2011 at 04:38. Reply #

I am very new on this stuff. I can not get this to work -

body { color:#444; font-family: sans-serif;}
h2 {font-weight: bold; font-size: 1.2em; margin-bottom:10px;}
th {background-color: #444; color: #eee; font-weight: bold;}
th, td { border: 1px solid #ddd; padding: 2px 4px;}
div {float:left; margin: 5px 30px 5px 2px;}
#log {margin-top: 10px; font-size:0.9em; font-family:monospace; }

function dis()
{
$(‘input’).livefilter({selector: ‘tbody tr, li, p’});
}

function displaymessage()
{
alert(“Hello World!”);
}

Multiple Selector Filter
Type here

Tables

COL 1COL 2

col1 row1col2 row1
col1 row2col2 row2
col1 row3col2 row3

ULs

Item 1
Item 2
Item 3

Paragraphs
par 1
par 2

Your help is greatly appreciated.
Thanks…

by Parv on July 31, 2011 at 03:14. Reply #

Thank you for this! Exactly what I needed and works perfectly :)

by Justin on August 5, 2011 at 18:15. Reply #

Sounds pretty much good mate! I wanna download Jquery and using this feature live plugins. I’m so excited to use this exclusive tools. Would you please updating any download link?

by Richard Lawson on August 12, 2011 at 21:00. Reply #

[...] This is a light weight plugin that filters a ordered or unordered list. Source [...]

by 35 Amazing jQuery Tables | jQuery4u on July 24, 2012 at 08:11. Reply #

Leave your comment

Leave a Reply

Your email address will not be published. Required fields are marked *

*

*

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>