EJS цикл по каждому элементу в столбцах
У меня есть цикл foreach для моих категорий с их статьями в EJS. В запросе категорий с их статьями используются объединения. Я хочу иметь вывод в столбце.
Код:
<% lastcat = 0; %>
<% items_d.forEach(function(item) { %>
<%if (lastcat !== item.cat_id) { %>
<% lastcat = item.cat_id; %>
<span id="cat"><%- item.parent_title %>:</span>
<span id="article"><a href="#"><%- item.title %></a></span>
<% }else{ %>
<span id="article"><a href="#"><%- item.title %></a></span>
<% } %>
<% }); %>
Я хочу, чтобы вывод был таким:
<div class="one-fourth column">
<div class="item">
<span id="cat">Parent title</span>
<li> <span><a href="#">Item title</a></span></li>
<li> <span><a href="#">Item title</a></span></li>
</div>
Однако, учитывая, что в запросе используются объединения, длина цикла отличается от категории.
Как я могу сделать это? Я пробовал несколько вещей, но четверть столбца div просто не закрывается или открывается неправильно.