railsの<%の後にclassやidをつけるにはどういう風に書けば良いですか？

Question

下記コードのようにlink_toではない普通の <% ~~ %>の文にclassをつける方法がわからないので教えて頂きたいです。
<h5 class="card-title"><%= @user.name, class: "user-name" %></h5>

ちなみに上記のコードで実行したらshow.html.erb:14: syntax error, unexpected tLABEL, expecting '=' er.append=( @user.name, class: "user-name" );@output_buffer. ^ というエラーが出ました。

全文は以下の通りです。

<div class="text-center">
  <h2>ユーザー詳細</h2>
</div>

<div class="row">
  <div class="col-md-3 offset-md-1">
    <div class="card" style="width: 18rem;">
      <% if @user.avatar.attached? %>
        <div class="center">
          <%= image_tag @user.avatar.variant(resize: "300x300"), class: "prof-img-top" %>
        </div>
      <% end %>
      <div class="card-body center">
        <h5 class="card-title"><%= @user.name, class: "user-name" %></h5>
        <div class="col-md-3 inline-block">
          <% if @user.sex == "男性" %>
            <i class="fas fa-male fa-4x"></i>
          <% elsif @user.sex == "女性" %>
            <i class="fas fa-female fa-4x"></i>
          <% else %>
            <p class="card-text no-margin-p"><%= @user.sex %></p>
          <% end %>
        </div>
        <div class="col-md-7 inline-block">
          <p class="card-text no-margin-p"><%= @user.location %></p>
          <p class="card-text no-margin-p"><%= @user.collage %></p>
        </div>
      </div>
    </div>
  </div>
</div>

よろしくお願いします。

Answer 1

そもそもHTMLの性質上、タグでないところにclassを与えることはできませんので、何かしらのタグで囲む必要があります。

<!-- タグやクラスを作り付けで書く -->
<h5 class="card-title"><span class="user-name"><%= @user.name %></span></h5>

<!-- クラスが動的に変わる場合 -->
<h5 class="card-title"><%= content_tag :span, @user.name, class: classes %></h5>

<!-- クラスを使う側の作りによっては、このような手もありかも -->
<h5 class="card-title user-name"><%= @user.name %></h5>

Comments

[退会済みユーザー]

勉強になりました！
ありがとうございます！