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

Question

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

但是如果有人愿意的话，这个脚本并不匹配确切的关键字。它按照编程的方式工作。

当在函数中选择选项exact: "exact"时，它会匹配并突出显示搜索关键字的每个单词Per id。

我如何修改此脚本，使其匹配整个关键字而不是关键字的一部分。

在这个 fiddle 示例中，它应该只突出显示 Per id 而不是 Per 或 id 的出现..

fiddle 示例:http://jsfiddle.net/gq4hkvgd/

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

Answer 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/