Javascript 下面的jquery代码可以完美地运行,我只想更改在表之前附加的过滤器,我想在另一个div上附加该div。 /*我的jquery代码*/ (函数($){ $.fn.tableSearch=函数(选项){ if(!$(this).is('table')){ 返回; } var tableObj=$(此), searchText=(options.searchText)?options.searchText:'Search:', searchPlaceHolder=(options.searchPlaceHolder)?options.searchPlaceHolder:“”, divObj=$(''+searchText+''), inputObj=$(''), 区分大小写=(options.caseSensitive===真)?真:假, searchFieldVal='', 模式=''; inputObj.off('keyup')。on('keyup',function()){ searchFieldVal=$(this.val(); 模式=(区分大小写)?RegExp(searchFieldVal):RegExp(searchFieldVal,'i'); tableObj.find('tbody tr').hide().each(function()){ var currentRow=$(此); currentRow.find('td')。每个(函数(){ if(pattern.test($(this.html())){ currentRow.show(); 返回false; } }); }); });

Javascript 下面的jquery代码可以完美地运行,我只想更改在表之前附加的过滤器,我想在另一个div上附加该div。 /*我的jquery代码*/ (函数($){ $.fn.tableSearch=函数(选项){ if(!$(this).is('table')){ 返回; } var tableObj=$(此), searchText=(options.searchText)?options.searchText:'Search:', searchPlaceHolder=(options.searchPlaceHolder)?options.searchPlaceHolder:“”, divObj=$(''+searchText+''), inputObj=$(''), 区分大小写=(options.caseSensitive===真)?真:假, searchFieldVal='', 模式=''; inputObj.off('keyup')。on('keyup',function()){ searchFieldVal=$(this.val(); 模式=(区分大小写)?RegExp(searchFieldVal):RegExp(searchFieldVal,'i'); tableObj.find('tbody tr').hide().each(function()){ var currentRow=$(此); currentRow.find('td')。每个(函数(){ if(pattern.test($(this.html())){ currentRow.show(); 返回false; } }); }); });,javascript,Javascript,//下面是表之前的appendind div tableObj.before(divObj.append(inputObj)); 返回表obj /* my jquery code */ (function($){ $.fn.tableSearch = function(options){ if(!$(this).is('table')){ return; } var t

//下面是表之前的appendind div tableObj.before(divObj.append(inputObj)); 返回表obj

/* my jquery code */   
 (function($){
        $.fn.tableSearch = function(options){
            if(!$(this).is('table')){
                return;
            }
            var tableObj = $(this),
                searchText = (options.searchText)?options.searchText:'Search: ',
                searchPlaceHolder = (options.searchPlaceHolder)?options.searchPlaceHolder:'',
                divObj = $('<div style="float:left;">'+searchText+'</div><br /><br />'),
                inputObj = $('<input type="text" placeholder="'+searchPlaceHolder+'" />'),
                caseSensitive = (options.caseSensitive===true)?true:false,
                searchFieldVal = '',
                pattern = '';
            inputObj.off('keyup').on('keyup', function(){
                searchFieldVal = $(this).val();
                pattern = (caseSensitive)?RegExp(searchFieldVal):RegExp(searchFieldVal, 'i');
                tableObj.find('tbody tr').hide().each(function(){
                    var currentRow = $(this);
                    currentRow.find('td').each(function(){
                        if(pattern.test($(this).html())){
                            currentRow.show();
                            return false;
                        }
                    });
                });
            });
}
}(jQuery));
/*我的php文件*/
$(文档).ready(函数(){
$('table#search table')。表搜索({
searchText:“从表中搜索”,
搜索占位符:“输入值”
});
});
        }
    }(jQuery));

/*  my php file */
<script type="text/javascript">
            $(document).ready(function(){
                $('table#search-table').tableSearch({
                    searchText:'Search From Table ',
                    searchPlaceHolder:' Input Value'
                });
            });
        </script>