使用jQuery来简单地实现模拟浏览器的搜索功能

快速写,给出提示,需要完善。把下面的代码复制到一个文本文件中,并将文件扩展名改为html运行。

复制代码代码如下所示:







。水库

{

颜色:红色;

}







无功oldkey = ;

var指数= 1;

新数组();

无功oldcount = 0;

搜索功能(FLG){

如果(!Flg){

索引+;

指数=指数= oldcount 0:指数;

}

{其他

指数;

指数=指数<0 oldcount - 1:指数;

}

$(结果),RemoveClass(水库);

$(#得)删除();

var关键字= $(#关键)(。Val); / /核心价值

如果(!关键){

oldkey = ;

返回;键为空,退出

}

如果(oldkey!=键){

重置

索引= 0;

$()。每个(函数(){)

$(这)。ReplaceWith($(this)。Html());

});

新数组();

$(体).html($(体)。Html(更换(新)regexp(关键,GM),+键+ )); / /更换

$(#关键)。瓦迩(关键);

oldkey =关键;

$()。每个(函数(){)

Pos.push($(this)。偏移()。顶);

});

oldcount = $(结果)。长度;

}

$(。结果:情商(+指数+ )),AddClass(水库);

$(体)。ScrollTop(POS {指数});

}























要搜索的1个文本。





要搜索的2个文本。





要搜索的3个文本。





要搜索的4个文本。





要搜索的5个文本。





美丽的10故乡。





美丽的11故乡。





12美丽的家乡。





美丽的13故乡。





美丽的14故乡。





美丽的15故乡。









这里主要的思路是提供一个思路,让人不能等待自己的朋友来完善自己。