Есть такая задача, при клике города на карте появляется блок с информацией о человеке или нескольких людях(телефон, имя , почта и т.д.). Информация о людях записана в json. Вопрос состоит в том, как правильно в js получить блок следующего вида, чтоб потом в зависимости от клика по городу вставлять соответствующую информацию
<div class="coord">
<div class="candCity"></div>
<div class="candName"></div>
<div class="candPhone"></div>
<div class="candEmail"></div>
<div class="candSocials">
<a class="vkLink" href="#" target = "_blank"></a>
<a class="telegramLink" href="#" target = "_blank"></a>
<a class="facebookLink" href="#" target = "_blank"></a>
</div>
</div>
Можно создать функцию , в которой будет прописано отдельно создания каждого div, каждого класса и т.д., но на сколько это правильно и есть ли более легкое решение