2011-07-26 42 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/

相關問題