实用的jQuery列表和表格过滤搜索插件

jQuery-easySearch是一款可以实现对列表和表格内容进行过滤搜索的jQuery插件。

JavaScript 其它杂项

访问GitHub主页

共10Star

详细介绍

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

推荐源码