在每个方法的Rails中更改每个项目的CSS

时间:2014-04-27 03:34:17

标签: javascript jquery ruby-on-rails

所以我的每个方法都有效,但我正在尝试添加一些代码来使骰子更改为它给出的颜色。我正在使用rails和jquery / javascript。我只想打印"骰子类型"并以它给出的颜色打印。有什么想法吗?

见下我的原始代码:

                <% @last_move.rolls.last.results.each do |dice| %>
                  <li>
                    <%= dice.type %> - <%= dice.color %>
                  </li>
                <% end %>

并且继承人是我的抱歉失败尝试使它只显示给定颜色的类型:

                <% @last_move.rolls.last.results.each do |dice| %>
                  <li>
                   <script>
                     $(this).css({ color: "<%= dice.color %>" });
                   </script>
                    <%= dice.type %>
                  </li>
                <% end %>

1 个答案:

答案 0 :(得分:0)

我不会为此使用JavaScript,而是:

<% @last_move.rolls.last.results.each do |dice| %>
  <li class="dice-<%= dice.color %>">
    <%= dice.type %> - <%= dice.color %>
  </li>
<% end %>

然后在你的css中:

.dice-red {
    color: //red, etc.
}