根据术语突出显示javascript中的搜索词

Question

示例：

我想搜索“ency”（百科全书）。

结果将是：百科全书搜索结果将使用字符数突出显示 - ＆gt;百科全书

试着澄清我的观点......：

恩西 - ＆gt; * ency * clopedia

Encycl - ＆gt; * 百科大全 * opedia

任何想法怎么做......？

提前致谢。

Answer 1

如果您准备使用jQuery，那么它会更容易：

var searchPattern = new RegExp(searchString, 'g');
$elem.html($elem.html().replace(searchPattern, "<ACRONYM class='srch'>" + searchString + "</ACRONYM>"));

其中，$elem是您要搜索的HTML元素的jQuery对象。例如，如果它是<div id='me'>some text</div>之类的特定div，并且您正在搜索文本“ some < / em>“，那就是这样的：

var searchPattern = new RegExp('some', 'g');
$elem = $('#me');
$elem.html($elem.html().replace(searchPattern, "<ACRONYM class='srch'>" + searchString + "</ACRONYM>"));

为css类' srch '提供适当的高亮样式。一旦您的搜索结束，请不要忘记删除带有“ srch ”的“首字母缩略词”元素。