Как обернуть отрывок контента в каком-либо элементе в какой-либо тег?

Question

[JackShcherbakov]

Имеется:
Набросок приложения по поиску текста в тексте https://codepen.io/CitizenOne/pen/OxGXmx?editors=1010
Надо:
Например, есть строка:
Я учу JavaScript
Я через определённые функции нахожу где находится, например,символ J и хочу что бы он, как найденный, выделился красным

То есть, что бы все найденые элементы в каком-либо теге как-то выделилис.

В моем случае должно быть вот так:
1. Пользователь вовдит текст
2. Вводит что надо искать в тексте
3. Нажимает кнопку
4. Внизу стрницы появляется текст с подсвеченными совпаданиями

Всем заранее спасибо!

Answer 1

[Святослав]

Самое простое, можешь сделать:

text = text.replace(/(j)/g, '<span class="red">j</span>')

Comments

[JackShcherbakov]

Я тоже об этом подумал, но вот не работает https://codepen.io/CitizenOne/pen/OxGXmx

[Святослав]

JackShcherbakov, чуть изменил, там надо regexp, который пройдет по всем совпадениям.

[JackShcherbakov]

Но все равно не работает. https://codepen.io/CitizenOne/pen/OxGXmx

[Святослав]

JackShcherbakov, нашел в чем проблема, надо сделать так:
text = text.replace(/(j)/g, 'j')
replace возвращает новую строку)

[JackShcherbakov]

Святослав, Спасибо огромное!