Jade迭代到HTML表格

如何将价格数组添加到Jade中的第二个'td'标签?我希望它是迭代。可能吗?Jade迭代到HTML表格

- var item = ['Item1', 'Item2', 'Item3'] 

- var price = ['40', '90', '140']

table.pricetable

thead

tr

th item

th price

tbody

each a in item

tr

td #{a}

td ???

感谢, 西蒙

回答:

假设他们有直接关系:

- var item = ['Item1', 'Item2', 'Item3'] 

- var price = ['40', '90', '140']

table.pricetable

thead

tr

th item

th price

tbody

each a, index in item

tr

td #{a}

td #{price[index]}

然而,更好的方法是使用对象的数组,而不是两个单独的数组:

- var items = [{item: 'Item1', price: 40}, {item: 'Item2', price: 90}, {item: 'Item3', price: 140}] 

table.pricetable

thead

tr

th item

th price

tbody

each a in item

tr

td #{a.item}

td #{a.price}

回答:

是的,这是可能的,通过也越来越在循环索引:

- var item = ['Item1', 'Item2', 'Item3'] 

- var price = ['40', '90', '140']

table.pricetable

thead

tr

th item

th price

tbody

each a, index in item

tr

td #{a}

td #{price[index]}

这可以让你获得当前值的指数你”重复迭代,并可用于访问另一个数组中的相同位置。

以上是 Jade迭代到HTML表格 的全部内容, 来源链接: utcz.com/qa/265379.html

回到顶部