红宝石“第一”辅助方法？

发布于 2024-10-09 20:56:39 字数 442 浏览 11 评论 0原文

我有以下文件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>

有什么想法吗？

原文

i have the following file member.html.erb:

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

i want to add the "first" class to the first li that will be generated (just to the first), so it would look like this:

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

any thoughts?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

梦明 2024-10-16 20:56:39

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

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

，对于其余的 li 标签

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>

You could acheive this using CSS aswell if its purely for the styling. If you either has a ID or class on the ul then you could in CSS write

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

and for the rest of the li-tags

ul.member-list li {

}

If you want the class to be added you could e.g

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

回复收藏 0 原文

深海夜未眠 2024-10-16 20:56:39

与 Andreas/Heikki 的答案类似但更简洁的方法：

<ul>
  <% @members.each_with_index do |member, i| %>
    <li class="member-item<%= ' first' if i == 0 %>">
        <% member.name %>
    </li>
  <% end %>
</ul>

Similar, but more terse, approach to Andreas/Heikki's answer:

<ul>
  <% @members.each_with_index do |member, i| %>
    <li class="member-item<%= ' first' if i == 0 %>">
        <% member.name %>
    </li>
  <% end %>
</ul>

回复收藏 0 原文

~没有更多了~