每个评论如何获得自己的盒子? (html,node.js)

时间:2017-10-25 13:50:06

标签: javascript html node.js express

现在代码使评论框看起来like this(图2)。如果我在tweetBox下移动for循环,它看起来like this(图3)。粉红色是tweetBox,每个推文应该有一个,黑色是tweetPanel,文本显示在那里。我希望它看起来像pic 1.我应该怎么做?

使用jQuery时,我使用prepend在顶部添加新推文。在Node.js中是否有类似的方法,所以我可以先订购最新的推文?

1 个答案:

答案 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>