Автосвязывание слов в URL с использованием jQuery

Question

У меня есть массив JS, подобный следующему:

var associativeArray = [];
associativeArray["1"] = "First";
associativeArray["2"] = "Second";
associativeArray["3"] = "Third";

Теперь мне нужно использовать jquery, чтобы использовать такие слова, как First, Second из массива, и автоматически связывать их с определенным URL на странице. Например:

Допустим, текущая страница имеет следующую строку: Третье идет после Второго, а Второе идет после Первого. Таким образом, здесь все эти ключевые слова, такие как Первое, Второе и Третье, должны быть преобразованы в Первое. Хитрость заключается в том, что каждое слово должно быть связано только один раз, и если слово уже связано, то оно не должно быть связано снова.

Надеюсь, мне удалось объяснить, что именно нужно. Пожалуйста, помогите мне. Заранее большое спасибо за вашу помощь!

Answer 1

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

Существует фрагмент кода, который сканирует текст на предмет конкретных слов и (в данном случае) выделяет их. Вы можете легко изменить его в соответствии с вашими потребностями.

Вот оно: Подсветка текста JavaScript jQuery плагин