Вывести иконки из массива?

Question

[Andrej Sharapov]

День добрый.

Дано:
1. Блок с 12 иконками/картинками со своими идентификаторами (v1, v2, ...)
2. Огромная таблица с текстом. У каждой строки в таблице должно располагаться от 3-5 иконок (условные обозначения), выбранных целенаправленно.

Вопрос:
Как вывести эти иконки в таблицу?
Добавлять тегами img по 1-12 иконок в каждую строчку не вариант, получится слишком много кода. Я полагаю, что будет легче создать массив из id этих иконок, а в таблице создать какой-нибудь span после текстов и выводить иконки в него, но как это реализовать, в голове не складывается. Нужна ваша помощь.

Песочница немного грубовата, но смысл такой

Comments

[Moses Fender]

let iconArray = ['v1.png', 'v2.png', 'v3.png' … 'vN.png'];
let container = document.querySelector('.icons');
let iconPath = 'http://anydomain/icons/';
[].map.call(iconArray, function(ico){
    let newIcon = document.createElement('img');
    newIcon.src = iconPath + ico;
    container.appendChild(newIcon);
});

Answer 1

[0xD34F]

https://jsfiddle.net/z7egafLc/

Comments

[Andrej Sharapov]

Спасибо!

[Andrej Sharapov]

Подскажите, а как быть, если это не иконка с фоном, а картинка, у которой есть src="" ? По id так не работает

[0xD34F]

Andrej Sharapov, https://jsfiddle.net/eum3kwj8/

[Andrej Sharapov]

Спасибо за помощь!