Выделите все подходящие строки / подстроки в сетке данных из поиска по ключевым словам

Question

Может кто-нибудь помочь мне, как выделить подходящие строки / подстроки из поиска по ключевым словам?

Например, если пользователь вводит «BEARING», на сетке данных должно отображаться следующее

ADAPTER BEARING

BAR AIR * 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/