function LookMatch(){ } LookMatch.init = function(seach,els){ var that = new LookMatch(); that._setElement(seach,els) } LookMatch.prototype._setElement = function(seach,ul){ this.seachEl = seach; this.ul = ul; this.backEls = this.ul.clone(true); var that = this; this.ul.on(‘click‘,‘li‘,function(){ that.seachEl.val($(this).text()); that.ul.hide(); that.restore(); }); this.seachEl.on(‘focus‘,function(){ console.log(‘ss‘); that.ul.show(); }); this.seachEl.on(‘keyup‘,function(){ var q = $(this).val(); if (!q) { that.restore(); return; } var arr = []; that.ul.find(‘li‘).each(function (i, e) { var text = $(this).text(); var indexof = text.indexOf(q); if (indexof != -1) { arr.push(e); } }); if (!arr.length) { return; } $.each(arr.reverse(), function (i, e) { that.ul.prepend(e); }); }) } LookMatch.prototype.restore=function(){ this.ul.empty().html(this.backEls.html()); } // 搜索框,列表 LookMatch.init($(‘#seachinput‘),$(‘#uu‘));
*
时间: 2024-12-29 17:53:52