jQuery技术

Jquery 写的 全文检索高亮的一个js函数

字号+ 作者: 来源: 2014-11-16 22:49 我要评论( )

用Jquery 写的全文检索高亮的一个js函数 只要在页面中调用即 可,如下: $(document).ready(function(){ differ_text (

只要在页面中调用即可,如

下:

这样就会把页面中A标签中有get中

keyword内容全部变为红色并加粗,省去了在程序中遍数组的麻烦
//—————————-

———-
//全文检索高亮
// 根据查询的关键字去页面中所有指定的元素中去
// 查找符

合关键字内容的值,并将该值加了COLOR的属性以及加粗的属性
//
//id:需要查找的HTML元素名称

//key:GET上面查询关键字名称
//color:高亮的颜色
//b:是否加粗
//—————

———————–

function differ_text(id,key,color,b)
{
var

text;
text =location.search.substring(1);
text = text.replace(/&/ig,”,”);
text =

text.replace(/=/ig,”,”);
text = text.split(“,”);

for(i=0;i

{
if(text == key && text[(i+1)] != undefined)
{
text = decodeURI(text

[(i+1)]);
text = text.replace(/\\/ig,'\\');
text = text.replace(/

\'/ig,'\\\'');
text = text.replace(/\"/ig,'\\\"');
break;
}
}

if(text == null || text == '' || text == undefined)
{
return false;
}

if(text.length > 0)
{
$(id+”nly-child:contains(‘”+text+”‘)”).each(function

(i){

var b = $(this).html();

var text_a = text.fontcolor

(color);

text_a = b == true ? text_a.bold () :text_a;

var re = eval

(‘/’+text+’/i’);
$(this).html(b.replace(re,text_a));
});
}
}

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • jQuery教程:14个实用的jQuery技巧

    jQuery教程:14个实用的jQuery技巧

    2016-02-06 10:00

  • jQuery中$()函数的7种用法汇总

    jQuery中$()函数的7种用法汇总

    2015-11-20 11:13

  • JQuery知识:20个jQuery教程+11个jQuery插件

    JQuery知识:20个jQuery教程+11个jQuery插件

    2015-11-20 09:37

  • jQuery API 手册 chm 新版

    jQuery API 手册 chm 新版

    2015-11-18 15:44

网友点评
i