javascript - 防止模板循环内的标签多次输出？

Question

我正在尝试创建一个带有 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/

硬编码布局:https://jsfiddle.net/egks4ys1/1/

Answer 1

这是一个模板，它将第一个 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/