ruby-on-rails - 是否可以为每条记录提供不同的 css 类？

Question

有什么方法可以让表中的每条记录都有自己的 css 类吗？我将记录显示为部分，但希望能够为每个部分提供其自己的单独 css 属性。也许是一种通过 div 的名称和记录的 id 组合分配 css 规则的方法？

编辑

很抱歉问题写得不好，我会尝试更详细地解释。

我有一张 field 记录表，部分显示在索引页上，我希望每个记录都有一个图标放在屏幕左侧的 map 上 (map_container)。该 map 只是一个手绘图像作为固定宽度和高度 div 的背景。

地点index.html.erb:

<div class="map_container">
</div>

<div class="filter_options_container">
  <form class="filter_form", method="get">    
    <fieldset class="filter_form_fieldset">
      <legend class="filter_form_fieldset_legend">Choose an area:</legend>
      <% Area.all.each do |a| %>
        <span class="filter_form_checkbox_label">
          <%= check_box_tag("areas[]", a.id, false, :class => "styled")%>
          <%= a.name %><br>
        </span>
      <% end %>        
      <input type="submit" value="Filter" />
    </fieldset>
  </form>
</div>

<div class="venue_partials_container">
  <%= render :partial => 'venue', :collection => @venues %>
  <div class="clearall"></div>

  <%= will_paginate @venues %>

  <div class="venue_partial_button">
    <%= link_to 'add a new venue', new_venue_path %>
  </div>
</div>

<div class="clearall"></div>

我在想这样做的一种方法是制作另一张图标记录表，其中一个 field 属于一个图标，一个图标属于一个 field 。然后将 map div 区域生成图标记录的一部分。不同的 css 类可能是这样的:

.icon(with_venue_id_1) {
position: absolute;
top: 10px;
left: 10px;
}

.icon(with_venue_id_2) {
position: absolute;
top: 15px;
left: 20px;
}

等等......

我知道这太糟糕了，可能会让你有点恶心，但我对编程的零经验让我想到了这个。我想有很多更好的方法可以做到这一点，但这至少可以作为我的学习辅助工具。

我最终希望这些图标及其位置能够从正在运行的应用程序本身添加，但现在我很高兴能让一些东西正常工作。

非常感谢您的帮助。

Answer 1

是这样的吗？

<% @record.each do |r| %>
  <tr class="<%= r.id %>"> 
  <!-- Or some other value from the record? --> 
  ...

不确定我是否完全理解了这个问题。