我正在尝试创建一个带有 id
单元格的表格,该单元格应根据 sessions
数组长度跨越 3 列,因为 id
cell 位于循环内部,当我只希望它显示一次时,它会输出 3 次。是否可以在模板中设置某些内容来执行此操作?
JS
<table>
<tbody class="js-output">
<script type="text/html" id="tmpl">
<% _.each(sessions, function(session) { %>
<tr>
<td rowspan="<%- session.length %>"><%- id %></td>
<td><%- session %></td>
<td><select name="" id=""></select></td>
</tr>
<% }) %>
</script>
</tbody>
</table>
fiddle :https://jsfiddle.net/egks4ys1/
最佳答案
这是一个模板,它将第一个 session 元素与其其余元素分开处理。
<table>
<tbody class="js-output">
<script type="text/html" id="tmpl">
<tr>
<td rowspan="<%- sessions.length %>"><%- id %></td>
<td><%- _.first(sessions) %></td>
<td><select name="" id=""></select></td>
</tr>
<% _.each(_.rest(sessions), function(session) { %>
<tr>
<td><%- session %></td>
<td><select name="" id=""></select></td>
</tr>
<% }) %>
</script>
</tbody>
</table>
fiddle :https://jsfiddle.net/egks4ys1/6/
关于javascript - 防止模板循环内的标签多次输出?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33035911/