jQuery输入文字查找表格jquery定位所在位置

js实现核心代码// 定义首个查询下键 var active = 0; $('.ayui-btn').click(function(){ search(); }) function search(){ // 获取搜索框的值 var kwds = $("#searchInput").val(); // 获取第一个列表内容 var this_one = {}; var real_name = ''; // 定义数据列表 var list = $("#all_list .list_one"); // 定义查找的起始值 var true_one = 0; for (var i = 0; i < list.length; i++) { this_one = $(list[i]); real_name = this_one.text().toString(); // 执行like匹配 if(real_name.match(kwds)){ // 处理第当前的结果 if(true_one == active){ // 获取窗口的宽和高 var windows_wdh = $(window).width(); var windows_hgt = $(window).height(); // 获取第一个坐标 var x_len = this_one.offset().left; var y_len = this_one.offset().top; // 驱动滚动条滚动到指定的位置 $("html,body").animate({scrollTop:(y_len-windows_hgt/2), scrollLeft:(x_len-windows_wdh/2)},500); // 标记当前选中的结果 this_one.addClass('active'); this_one.removeClass('on'); }else{ // 标记符合的结果 this_one.addClass('on'); this_one.removeClass('active'); } // 累加真实的选择 true_one++; }else{ this_one.removeClass('on'); } } // 判断是否搜索完毕 如果搜索完毕 则从第一个开始 否则继续搜索下一个 active = active >= true_one-1 ? 0 : active+1; return false; }

在线演示        积分下载        6毛下载        砍两刀下载