如何用Jade迭代一个数组来创build一个html表格

我从节点expressjs框架开始,我遇到了这个问题,我不能解决。

我试图显示一些博客文章(是的,博客…)的表,但我没有把它完成。

这是Jade模板代码:

div table thead tr: th Posts tbody each post, i in userPosts tr(class=(i % 2 == 0) ? 'odd' : 'even'): a(href='/admin/post/' + post.id) #{post.author} - #{post.title} 

这是HTML输出:

 <div> <a href="/admin/post/1">Post 1</a> <a href="/admin/post/2">Post 2</a> <a href="/admin/post/3">Post 3</a> <table> <thead> <tr> <th>Posts</th> </tr> </thead> <tbody> <tr class="odd"></tr> <tr class="even"></tr> <tr class="odd"></tr> </tbody> </table> </div> 

那么,有什么想法?

       

网上收集的解决方案 "如何用Jade迭代一个数组来创build一个html表格"

我发现问题是我错过了每个TR的TD标签。 所以玉代码应该是这样的:

 div table thead tr: th Posts tbody each post, i in userPosts tr td a(href='/admin/post/' + post.id) #{post.author} - #{post.title} 

尝试这个

 div table thead tr: th Posts tbody each post, i in userPosts tr(class=(i % 2 == 0) ? 'odd' : 'even') td a(href='/admin/post/' + post.id) #{post.author} - #{post.title}