Как сделать вывод определенного текста при выводе нужного слова на js/jq?

Question

[Stacy None]

На странице выводятся несколько слов к примеру:

yellow
green
blue
red
pink

Нужен js код который заменял бы их на нужные предложения. Вот такие:

yellow|<span class="d1">Желтезна</span>
green|<span class="d2">Зеленка</span>
blue|<span class="d3">Голубок</span>
red|<span class="d4">Краснуха</span>
pink|<span class="d5">Годнота</span>

Answer 1

[MamaLuyba]

в какой момент он должен заменять? при клике? и что: yellow на "желтезна" или yellow на "yellow|Желтезна"?

Comments

[Stacy None]

сразу до загрузки получается

[MamaLuyba]

Stacy None, у меня там несколько вопросов, если что.
вот еще один - зачем менять что-то до загрузки? почему сразу не выводить нужное?

Answer 2

[rogiivs]

очень просто, просто создайте объект и все. Вот:

var replaceData = {
    yellow: '<span class="d1">Желтезна</span>',
    green: '<span class="d2">Зеленка</span>',
    blue: '<span class="d3">Голубок</span>',
    red: '<span class="d4">Краснуха</span>',
    pink: '<span class="d5">Годнота</span>'
}

и заменяйте то что вам нужно. Ввел слово -> скрипт получил это слово -> вызвал значение из объекта используя полученное слово как ключ.

Comments

[Stacy None]

Что ?

[rogiivs]

Stacy None,

На странице выводятся несколько слов к примеру:

объясните, куда они вводятся?

Нужен js код который заменял бы их на нужные предложения. Вот такие:

и куда должны вставляться предложения которые заменяют слова?