Допустим, есть вёрстка с бутстрапом, на странице пристутствует скрытый элемент
<div class="d-none card">
<h3 class="header"></h3>
<p class="text1"></p>
<p class="text2"></p>
</div>
В результате запроса на сервер приходит, например, такой массив объектов:
[
{
header: "header1",
text1: "text1",
text2: "text2"
},
{
header: "header2",
text1: "text1",
text2: "text2"
},
{
header: "header3",
text1: "text1",
text2: "text2"
},
{
header: "header4",
text1: "text1",
text2: "text2"
},
{
header: "header5",
text1: "text1",
text2: "text2"
},
]
Нужно, чтобы в скрытый элемент вёрстки записывались данные из первого объекта, вёрстка ставала видимой, а потом она нужное количество раз скопировалась на фронте для оставшихся элементов массива, и в эти скопированные блоки вставились соответствующие данные.