each_with_indexの扱いについて

前提・実現したいこと

お世話になります。
現在、Webアプリを作成している途中で、詰まってしまったので質問させてください。

前提として、JavaScriptを適用して、タブを使用するべく、hrefとidを同じにする必要があり。
Controller側で、@student = Student.allとして、View側では下記のようにコードを書いています。

タブに名前を表示させ、クリックするとその名前の方のページに移動するという処理を行いたいのですが、viewでの書き方がよくわかりません。
また、(1..4)としている箇所は、1から徐々に数字が増えていくという処理を実現したいです。

身も蓋もない質問で申し訳ありませんが、回答よろしくお願いいたします。

該当のソースコード

ruby
1<% @students.each do |student| %>
2  <ul class"tabs">
3    <%= (1..4).each_with_index do |index| %>
4      <li class = "tab"><a href="#test<%= index %>"><%= student.name %></a></li>
5    <% end %>
6  </ul>
7  <%= (1..4).each_with_index do |index| %>
8    <div id="test<%= index %>">
9      <p><%= student.phone_number %></p>
10      <p><%= student.email %></p>
11    </div>
12  <% end %>
13<% end %>

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

回答1件

ベストアンサー

各student毎に <li class = "tab">　を４つ、<li class = "tab">を４つということですね？
すると、each_with_indexではなく、単に eachで良いです
ただ　div id="test<%= index %>">　では全てのstudent に同じID
test1,test2,,, が出来てしまいユニークでなくなるので機能しません
test_<%= student.id %>_<%= index %>
のようにユニークにしましょう。

投稿2020/03/05 12:52

winterboum

総合スコア23401

_Iwasaki_

2020/03/05 14:00

回答ありがとうございます。 tabは4つです。 materializeというcssフレームワークを使用していまして... hrefとidの属性が一致していないと機能しないのかと思い、each_with_indexとしていました。初めの方法では確かに、全てのstudentが同じidとなってしまうので機能しませんでした。 test_<%= student.id %>_<%= index %>とした場合は、hrefの方と食い違うと思うのですが、問題ないのですかね... 一度実践してみます。ありがとうございました。

_Iwasaki_

2020/03/05 14:30

ご助言いただいた通り実行してみると、無事解決いたしました。ありがとうございます^^