クラス名をつけるとエラーが出る時。

Question

前提・実現したいこと

RubyonRailsでアプリを制作しています。
現在商品一覧画面を作っているのですが、
書いたコードにクラス名をつけると構文エラーになります。
クラス名を外すとエラー文は出ません。
なぜなのでしょうか？

発生している問題・エラーメッセージ

/vagrant/cs/app/views/items/index.html.erb:14: syntax error, unexpected tLABEL, expecting '=' ...fer.append=( item.genre, class:"genre" );@output_buffer.safe... ... ^~~~~~ /vagrant/cs/app/views/items/index.html.erb:15: syntax error, unexpected tL

該当のソースコード

【index.html.erb】
<% @items.each do |item| %>
 <%= attachment_image_tag item, :photo, :fill,800,800, format:'jpg', class:"item_photo" %>
 <%= item.genre, class:"genre_name" %>←該当部分
 <%= item.brand, class:"brand_name" %>←該当部分
 <%= item.season, class:"season_name" %>←該当部分
<% end %>

attachment_image_tagのクラス名は問題なく動いています。
なぜ下の3つだけクラス名をつけるとエラーになるのでしょうか？

Answer 1

追補として

pタグよりはspanタグの方が元(<%= item.genre %>)に近いような気がしますし
tagヘルパーを使うこともできます。

 <%= tag.span item.genre, class: "genre_name" %>
 <%= tag.span item.brand, class: "brand_name" %>
 <%= tag.span item.season, class: "season_name" %>

Comments

[Masskaz]

asmさま
お世話になっております。
追補いただき、ありがとうございます。
このような書き方もできるのですね。
とても勉強になります。
また何卒宜しくお願い致します。

Answer 2

<p class="genre_name"><%= item.genre %></p>

このような書き方で大丈夫だと思います。
原因は、ただ単に渡したインスタンスの表示だけだとclassオプションがないからだと思います。

Comments

[Masskaz]

bamboo-novaさま
お世話になっております。
ご返事ありがとうございます。
原因含め承知致しました。
勉強になりました。
また何卒宜しくお願い致します。