如何在 Jade 中迭代一个表，为每个 <td> 分配一个唯一的 id？答案

【问题标题】：How do I iterate a table in Jade assigning each <td> with a unique id?如何在 Jade 中迭代一个表，为每个 <td> 分配一个唯一的 id？
【发布时间】：2016-10-19 16:36:38
【问题描述】：

我正在尝试创建一个包含 9 行 9 列的表。我想在 Jade 的帮助下通过迭代来创建它。我对 Jade 很陌生，所以我可能离这里很远，但这是我现在的代码；

var test1 = ['0', '1', '2', '3', '4', '5', '6', '7', '8']
var test2 = ['0', '1', '2', '3', '4', '5', '6', '7', '8']
for (var i = 0; i < test1.length; i++) {
    tr
        for (var o = 0; i < test2.length; o++) {
        td(id='square-'+test1[i]+test2[o])
        }
}

这（显然？）给了我一个语法错误。

如何迭代一个有 9 行和 9 个列的表，并给它们 id=square00、square01、square02 等。

【问题讨论】：

标签： html node.js pug

【解决方案1】：

这样的事情应该可以解决问题：

- var rows = ['0', '1', '2', '3', '4', '5', '6', '7', '8'];
- var columns = ['0', '1', '2', '3', '4', '5', '6', '7', '8'];

table
    tbody
        each row in rows
            tr
                each column in columns
                    td(id="square-" + row + "-" + column) #{row} - #{column}

请注意，javascript 以 - 开头，但进行迭代的行除外。这是因为 each 是 Jade（现为 Pug）识别为您想要迭代的含义的保留关键字。

祝你好运！

【讨论】：