在1、4、7处插入div.row。。。在Javascript中（node.js）

我正在尝试使用for循环创建以下带有一些动态数据的HTML结构

<div class="row">
   <div class="column">
   <div class="column">
   <div class="column">
</div>

<div class="row">
   <div class="column">
   <div class="column">
   <div class="column">
</div>

下面是我试过的

<% for (var key in video) { %>

    <% if (key%3 == 0 ) { %>
        <div class="row">
    <% } %>

      <div class="column video <%=parseInt(key)+1%>">
       ...
      </div>

    <% if (key%3 == 0 ) { %> 
        </div>
    <% } %>  

  <% } %>

...

但有了这个我就明白了

<div class="row>
   <div class="column">
</div>
<div class="column">
<div class="column">
<div class="row>
   <div class="column">
</div>
<div class="column">
<div class="column">

---

我如何才能以理想的方式进行包装？

因为条件

在同一循环中被满足两次

将起始行和结束行放在循环外，然后在条件下对新div执行一次“合一”关闭和打开

<div class="row">
<% for (var key in video) { %>

    <% if (key%3 == 0 && key != 0) { %>
        </div><div class="row">
    <% } %>

      <div class="column video <%=parseInt(key)+1%>">
       ...
      </div>

  <% } %>
</div>

...

因为条件

在同一循环中满足两次

将起始行和结束行放在循环外，然后在条件下对新div执行一次“合一”关闭和打开

<div class="row">
<% for (var key in video) { %>

    <% if (key%3 == 0 && key != 0) { %>
        </div><div class="row">
    <% } %>

      <div class="column video <%=parseInt(key)+1%>">
       ...
      </div>

  <% } %>
</div>

...

因为条件

在同一循环中满足两次

将起始行和结束行放在循环外，然后在条件下对新div执行一次“合一”关闭和打开

<div class="row">
<% for (var key in video) { %>

    <% if (key%3 == 0 && key != 0) { %>
        </div><div class="row">
    <% } %>

      <div class="column video <%=parseInt(key)+1%>">
       ...
      </div>

  <% } %>
</div>

...

因为条件

在同一循环中满足两次

将起始行和结束行放在循环外，然后在条件下对新div执行一次“合一”关闭和打开

<div class="row">
<% for (var key in video) { %>

    <% if (key%3 == 0 && key != 0) { %>
        </div><div class="row">
    <% } %>

      <div class="column video <%=parseInt(key)+1%>">
       ...
      </div>

  <% } %>
</div>

...

需要互换

的打开和关闭标签的顺序

添加条件是为了确保当

key=0

时不会插入结束标记，当到达最后一个

key

时，最后一行将只有一个结束标记

<% for (var key in video) { %>

    <% if (key%3 == 0 && key!=0) { %> 
        </div>
    <% } %>  

      <div class="column video <%=parseInt(key)+1%>">
       ...
      </div>

    <% if (key%3 == 0) { %>
        <div class="row">
    <% } %>

<% } %>

...

需要互换

的打开和关闭标签的顺序

添加条件是为了确保当

key=0

时不会插入结束标记，当到达最后一个

key

时，最后一行将只有一个结束标记

<% for (var key in video) { %>

    <% if (key%3 == 0 && key!=0) { %> 
        </div>
    <% } %>  

      <div class="column video <%=parseInt(key)+1%>">
       ...
      </div>

    <% if (key%3 == 0) { %>
        <div class="row">
    <% } %>

<% } %>

...

需要互换

的打开和关闭标签的顺序

添加条件是为了确保当

key=0

时不会插入结束标记，当到达最后一个

key

时，最后一行将只有一个结束标记

<% for (var key in video) { %>

    <% if (key%3 == 0 && key!=0) { %> 
        </div>
    <% } %>  

      <div class="column video <%=parseInt(key)+1%>">
       ...
      </div>

    <% if (key%3 == 0) { %>
        <div class="row">
    <% } %>

<% } %>

...

需要互换

的打开和关闭标签的顺序

添加条件是为了确保当

key=0

时不会插入结束标记，当到达最后一个

key

时，最后一行将只有一个结束标记

<% for (var key in video) { %>

    <% if (key%3 == 0 && key!=0) { %> 
        </div>
    <% } %>  

      <div class="column video <%=parseInt(key)+1%>">
       ...
      </div>

    <% if (key%3 == 0) { %>
        <div class="row">
    <% } %>

<% } %>

...

为什么不使用表格？因为我使用的是响应网格框架使其响应。为什么不使用表格？因为我使用的是响应网格框架使其响应。为什么不使用表格？因为我使用的是响应网格框架使其响应。为什么不使用表格？因为我使用的是响应网格框架响应性网格框架使其响应性更强。我只选择了另一个答案，因为它更简单。谢谢，你的答案也很好。我只选择了另一个答案，因为它更简单。谢谢，你的答案也很好。我只选择了另一个答案，因为它更简单。谢谢，你的答案也很好。我只选择了另一个答案，因为它更简单。谢谢，你的也很好，谢谢。它工作得很好。我没有想到这种方法。谢谢。它工作得很好。我没有想到这种方法。谢谢。它工作得很好。我没有想到这种方法。谢谢。它工作得很好。我没有想到这种方法。