将新链接动态附加到列表顶部而不是列表底部

Question

我正在将 link 动态添加到我的列表中。最新的 link 被添加到列表底部。如何将每个新的 link 附加到列表的顶部？

<ul class="posts" id="posts">
  <% for(var i=0; i<posts.length; i++) { %>
    <li class="post">
      <span><a href="/collab/<%=posts[i]['_id']%>"><%= posts[i].userCreate %></a></span>
    </li>
  <% } %>
</ul>

Answer 1

如果我正确理解您的问题，您需要从头到尾迭代列表：

for (var i = posts.length - 1; i >= 0; i--) {

Answer 2

您可以以相反的方式迭代 posts 数组。见：

for (var i = posts.length; i > -1; i--) {
  // echo <li> element
}

谢谢

Answer 3

只需将 for 循环从 post.length 反转为 0。

for(var i=posts.length-1; i>=0; i--){}

将新链接动态附加到列表顶部而不是列表底部

Dynamically append new links to top of list instead of bottom of list

html

javascript

ejs

node.js

express