从关键字搜索中突出显示数据网格上的所有匹配字符串/子字符串

Posted 2023-02-16

【中文标题】从关键字搜索中突出显示数据网格上的所有匹配字符串/子字符串

【英文标题】：Highlight all matching strings/substrings on a datagrid from a keyword search

【发布时间】：2011-07-26 05:36:27

【问题描述】：

有人可以帮助我如何从关键字搜索中突出显示匹配的字符串/子字符串吗？

例如，如果用户输入“BEARING”，数据网格应显示以下内容

适配器轴承

BAR AIR*轴承* 转动

轴承球

轴承青铜

我快完成了，但在这个例子中，整个 AIRBEARING 被突出显示，应该是，它只是 BEARING 应该被突出显示。

【问题讨论】：

在我上面的例子中 AIRBEARING 应该是 AIRBEARING

Highlight a list of words using a regular expression in c#的可能重复

【参考方案1】：

创建一个 css 类并将其命名为“highlight”：

.highlight  background-color: yellow; 

然后使用正则表达式替换将该文本与类包装起来：

function highlight(walloftext, valuetohighlight) 
    var x = new RegExp("(" + valuetohighlight + ")", "gi");
    return walloftext.replace(x, '<span class="highlight">$1</span>');

http://jsfiddle.net/rkw79/5cCuc/