1

我有以下文件 member.html.erb:

<ul class="members-list">
  <%@members.each do |member|%>
  <li class="member-item">
    <%=member.name%>
  </li>
  <%end%>
</ul>

我想将“第一个”类添加到将生成的第一个 li(仅添加到第一个),所以它看起来像这样:

<ul>
  <li class="member-item first">john</li>
  <li class="member-item">chris</li>
</ul>

有什么想法吗?

4

2 回答 2

4

如果纯粹是为了样式,您也可以使用 CSS 来实现这一点。如果你在 ul 上有一个 ID 或类,那么你可以在 CSS 中写

ul.member-list li:first-child {
WHATEVER STYLING CODE THAT YOU WOULD PUT IN member-item first
}

对于其余的 li-tags

ul.member-list li {

}

如果您想添加课程,您可以例如

<ul>
    <% @members.each_with_index do |member, i| %>

    <% if i == 0 %>
        <li class="member-item first">
            <% member.name %>
        </li>
    <% else %>
        <li class="member-item">
            <% member.name %>
        </li>
    <% end %>
</ul>
于 2010-12-30T10:45:22.977 回答
4

与 Andreas/Heikki 的回答类似但更简洁的方法:

<ul>
  <% @members.each_with_index do |member, i| %>
    <li class="member-item<%= ' first' if i == 0 %>">
        <% member.name %>
    </li>
  <% end %>
</ul>
于 2010-12-30T11:19:15.423 回答