javascript - 每个评论如何获得自己的框? (html、node.js)

标签 javascript html node.js express

代码现在使评论框看起来为 like this (图2)。如果我将 for 循环移到 tweetBox 下,它看起来 like this (图3)。粉色是tweetBox,每条推文都应该有一个,黑色是显示文本的tweetPanel。我想让它看起来像图1。我该怎么做?

使用 jQuery 时,我使用 prepend 在顶部添加新推文。 Node.js 中是否有类似的方法,以便我可以按最新的优先顺序对推文进行排序?

最佳答案

你的输出看起来很奇怪,因为你的循环中缺少结束 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>

关于javascript - 每个评论如何获得自己的框? (html、node.js),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46934239/

相关文章:

javascript - Node 休息 API : put request is not updating the request data

javascript - 将 JavaScript RegEx 转换为 JSON 格式

javascript - 使用 Javascript(客户端)生成带有页眉和页脚的 PDF

html - IE8 链接背景颜色在悬停时不改变

javascript - 从表单提交更改 URL 哈希

javascript - 在浏览器和 node.js 中使用 .js 文件

javascript - 在 javascript 中从字符串变量编译 if 条件

javascript - 根据不为零的变化计算事件数

javascript - 需要帮助使用 php 删除 xml 中的子项

node.js - Docker 中 Apollo 服务器上传文件失败