根据完整关键字突出显示搜索关键字的文字

时间:2015-02-01 11:49:10

标签: javascript jquery html regex

我需要在博客中突出显示用于搜索的关键字。到目前为止,我设法使用以下脚本http://www.jquery.info/scripts/SearchHighlight/demo_en.html

但是如果有人愿意,这个脚本并不匹配确切的关键字。它正在按程序运行。

如果在匹配的功能中选择一个选项exact: "exact",,则会突出显示搜索关键字的每个字Per id

如何修改此脚本,使其匹配不属于关键字的整个关键字。

在这个小提琴示例中,它应该只突出显示Per id,而不是Perid的出现..

小提琴示例:http://jsfiddle.net/gq4hkvgd/

    var val2 = "Per id";
            var options = {
                exact: "exact",
                style_name_suffix:false,
                keys:val2
            }
            $('.wrapper').SearchHighlight(options); 

1 个答案:

答案 0 :(得分:1)

更改此行:

var q = options.keys != undefined ? options.keys.toLowerCase().split(/[\s\+\.]+/) : SearchHighlight.decodeURL(ref, SearchHighlight.engines);

对此:

var q = options.keys != undefined ? options.keys.toLowerCase().split(/[\+\.]+/) : SearchHighlight.decodeURL(ref, SearchHighlight.engines);

现在该功能不再在白色空间上拆分关键字,您将获得所需的结果。

http://jsfiddle.net/gq4hkvgd/4/