2011-07-26 40 views
0

有人可以帮助我了解如何突出显示来自关键字搜索的匹配字符串/子字符串吗?从关键字搜索中突出显示数据网格上的所有匹配字符串/子字符串

例如,如果用户输入 “轴承”,数据网格应显示以下

ADAPTER 轴承

BAR AIR * 轴承 * TURN

轴承 BALL

BEARING BRONZE

我差不多完成了,但在这个例子中,整个AIRBEARING被强调应该是,它只是应该只被高亮的轴承。

+0

在我上面的例子AIR *轴承*应该是AIR BEARING Liz

+0

可能的重复[使用c#中的正则表达式突出显示单词列表](ht TP://stackoverflow.com/questions/653700/highlight-a-list-of-words-using-a-regular-expression-in-c) – Aristos

回答

1

创建CSS类,并把它称为 '亮点':

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

相关问题