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

easySearch is a jQuery filter plugin which allows the user to filter/search through child elements of a specific dataset (html list or table) based on text input values.

Filter table-filter filtering

Documentation

jQuery-easySearch

A jQuery plug-in for filtering elements with user input.

Example work

Usage

Example #1: UL

	$('input').jSearch({  	    selector  : 'ul', 	    child : 'li div.header', 	    minValLength: 0, 	    Found : function(elem){ 	        $(elem).parent().parent().show(); 	    }, 	    NotFound : function(elem){ 	        $(elem).parent().parent().hide(); 	    }, 	    After : function(t){ 	        if (!t.val().length) $('ul li').show(); 	    } 	});

Example #2: Table

	$('input').jSearch({  	    selector  : 'table', 	    child : 'tr > td', 	    minValLength: 0, 	    Before: function(){ 	    	$('table tr').data('find',''); 	    }, 	    Found : function(elem){ 	    	$(elem).parent().data('find','true'); 	        $(elem).parent().show(); 	    }, 	    NotFound : function(elem){ 	    	if (!$(elem).parent().data('find')) 	        $(elem).parent().hide(); 	    }, 	    After : function(t){ 	        if (!t.val().length) $('table tr').show(); 	    } 	});

Options

  • selector The selector that will occur search for child elements
  • child The child element that will be searched
  • minValLength The minimum number of characters to search
  • onFound The function is called if there is a match
  • onNotFound The function is called if there is no match
  • onBefore Function to call before trigger is called
  • onAfter Function to call after trigger is called

Contacts

License

Now licensed under the MIT License: http://deuxhuithuit.mit-license.org


You May Also Like