キーワード検索のデータグリッドに一致する文字列/部分文字列をすべてハイライト表示

Question

キーワード検索で一致する文字列や部分文字列を強調表示する方法を教えてもらえますか？例えば

ユーザ入力 "軸受"、データグリッドは、次

ADAPTER BEARING

BAR AIR * 軸受を表示すべき場合 * TURN

BEARING BALL

BEARINGブロンズ

私はほとんど完成していますが、この例では、AIRBEARING全体がハイライト表示されていますが、BEARINGだけが強調表示される必要があります。

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