jquery - 如何将数组的显示限制为仅 8？

Question

我正在使用 jquery 和 haml 来实现我的应用程序。我正在显示头像列表，但想将数量限制为最多 8 个。

<% $.each(question.friends, function(i, e){ %>
<% if (typeof(e) !== 'undefined') { %>
%a{href: "/<%= e.nickname %>", rel: "tooltip", title: "<%= e.nickname %>"}
  %img{src: "<%= e.avatar_url%>"}
<% } %>
<% }); %>

如何更新上面的代码以确保只显示 8？

Answer 1

i是索引，所以只要确保它小于 8：

if (typeof(e) !== 'undefined' && i < 8)

或者，如果question.friends是数组，slice则最多包含 8 个元素：

$.each(question.friends.slice(0, 8), function(i, e) {