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; } }); }); });
//下面是表之前的appendind div tableObj.before(divObj.append(inputObj)); 返回表objJavascript 下面的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
/* 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>