Периодически возникает задача найти и обработать все вхождения подстроки в набор строк, например при разборе поисковых результатов для выделения совпадений с поисковой строкой.



Простой способ реализации представлен ниже, с помощью jQuery-метода html перебирается содержимое поисковых подсказок, и найденная подстрока оборачивается в span с классом.



let replace = 'query'; // строка которую ищем

let re = new RegExp((replace),"gi");

$('.search-result__item').html(function(i, v){

return v.replace(re, '<span class="search-results__match">$&</span>');

});



Код не идеальный, предложите свой метод реализации решения этой задачи.