Замена текста картинкой с помощью js в почти готовом скрипте?

Question

[Mesuti]

Привет!
Есть скрипт https://jsfiddle.net/ma8t4v7r/
Он вставляет иконку в зависимости от слова внутри элемента списка

Два вопроса:
- Как можно иконку не вставлять а заменять текст? Чтобы текста не было, вместо него иконка
- Возможно ли реализовать без span id="icon" ? Только слово внутри тега li, заменятся иконкой?

Comments

[Александр]

Чем вам обычный background-image не угодил?
Идентификатор id должен быть уникальным для страницы.

Answer 1

[Лев Роскошин]

Конечно можно. Тебе необходимо создать новый дом элемент <span id="icon"></span>, о том как это сделать можно посмотреть здесь Add Element . А потом либо с помощью jquery очистить элемент списка и добавить в него созданый элемент, либо просто в inner его присвоить.