必要のないカラムの情報が表示されてしまいます。消す方法を教えて頂きたいです。

下記コードでインスタンスの繰り返し表示を行っていますが、ページの下記のように、不要なカラムのデータまでhtml上に表示されています。「不要なカラムの情報をhtmlから消す」などで調べてみましたが、解決方法が見つかりません。なぜ表示されてしまうのか、教えて頂きたいです。

<div class="contents-row">
  <%= @books.each do |book| %>
  <div class="book-box">
    <div class="book-img">
      <img src="<%= book.image %>" alt="紹介書籍" class="produce-book">
    </div>
    <div class="book-detail">
      <p class="book-label"><%= book.title %></p>
      <p class="book-label"><%= book.author %></p>
      <p class="book-label"><%= book.type %></p>
      <p class="book-label">&yen;<%= book.price %></p>
      <p class="book-label"><a herf="<%= book.shop_link %>">購入サイトへ</a></p>
    </div>
  </div>
  <% end %>
</div>

m.ts10806

2022/01/03 21:53

質問タグ「HTML」だけでは不足していると思います。 Ruby on Railsは必要そうですね。

22KAZUKI

2022/01/04 11:43

次回から追記します！ありがとうございます！

m.ts10806

2022/01/04 20:02

質問は編集できるので、あとから参照する人のために今からでも追記を

22KAZUKI

2022/01/05 15:12

修正しました！

行動規範の内容に同意します

回答2件

ベストアンサー

<%= @books.each do |book| %>のイコールが余計です。

投稿2022/01/03 21:30

maisumakun

総合スコア146018

22KAZUKI

2022/01/04 11:40

仕事で返信が遅くなりました。教えて頂きありがとう御座います！解決しました！

行動規範の内容に同意します

そのまま消せばいいです。

HTML
1<div class="contents-row">
2  <%= @books.each do |book| %>
3  <div class="book-box">
4    <div class="book-img">
5      <img src="<%= book.image %>" alt="紹介書籍" class="produce-book">
6    </div>
7    <div class="book-detail">
8      <p class="book-label"><%= book.title %></p>
9    </div>
10  </div>
11  <% end %>
12</div>