ГлавнаяБлогПоиск по тексту с выделением [javascript]

Поиск по тексту с выделением [javascript]

Рамиль Юналиев
Рамиль Юналиев
E-Commerce Lead
24 сентября 2012 г.
1 мин чтения

Техника поиска текста с визуальным выделением. Решение может быть применено в пользовательских селекторах для быстрого поиска по ключевым символам.

var text = "Москва",
    searchText = "ск",
    startpos = text.search(new RegExp(searchText.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&"), 'i'));
 
text = text.substr(0, startpos + searchText.length) + '</em>' + text.substr(startpos + searchText.length);
text = text.substr(0, startpos) + '<em>' + text.substr(startpos);

Результат: Мо<em>ск</em>ва — искомый текст оборачивается в теги <em>.