现在代码使评论框看起来like this(图2)。如果我在tweetBox下移动for循环,它看起来like this(图3)。粉红色是tweetBox,每个推文应该有一个,黑色是tweetPanel,文本显示在那里。我希望它看起来像pic 1.我应该怎么做?
使用jQuery时,我使用prepend在顶部添加新推文。在Node.js中是否有类似的方法,所以我可以先订购最新的推文?
答案 0 :(得分:3)
您的输出看起来很奇怪,因为您在循环中错过了结束div
标记,如果您想要颠倒列表的顺序,您可以通过倒数到0来转换for循环计算长度,即
<% for(var i=tweets.length - 1; i>=0; i--) {%>
<div class='tweetBox'>
<div class='tweetPanel'>
<p><span><%= tweets[i].tweet %></span></p>
<h3>
<span>Tweeted by <%= tweets[i].name %></span>
<span>- <%= tweets[i].date %></span>
</h3>
</div>
</div>
<% } %>
<div class='clear'></div>