javascript - 在 JavaScript/JQuery 中实现实时搜索的突出显示功能

Question

我正在尝试为实时搜索实现突出显示功能。

我所做的是，发送带有用户查找的 token 的 ajax 请求。我收到包含表格的 html 文本。

所以我想我可以使用一个简单的正则表达式，寻找用户 token ，然后用一个跨度包围它，但我收到了一些 longfilled <a> - 标签，所以很有可能用户输入了一些东西，我通过替换标签内的东西来破坏我的 HTML。

那么如何在我的搜索中排除 html 标签呢？

哦，我正在使用 javascript 正则表达式。

Answer 1

您需要加载 jQuery highlight插件然后你可以做这样的事情:

var words = "keyword1,keyword2,keyword3";
var keywords = words.split(',');
for(var i = 0; i < keywords.length; i++) {
    $(selector).highlight($.trim(keywords[i]));
}

如果您想在整个页面中突出显示，请将 selector 替换为 'body'，否则使用所需元素的选择器。