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

Question

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

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

ADAPTER BEARING

BAR AIR * BEARING * TURN

BEARING BALL

承担青铜色

我差不多完成但是在这个例子中，整个AIRBEARING突出显示应该是，只有BEARING才应该突出显示。

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