Question

我正在尝试创建一个包含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等。？

Answer 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以 - 开头，但正在进行迭代的行除外。这是因为每个都是一个保留的关键字，Jade（现在是Pug）认为你想要迭代的意思。

祝你好运！

如何在Jade中迭代一个表，为每个表分配一个唯一的id？

1 个答案: