Railsでグループごとにアンカーを作成するには？

Question

私は辞書のような足場を作っています。 文字とアルファベット順のグループで定義をフィルタリングしました。 実際のページはこちらhttps://emangaka.herokuapp.com/definitions それぞれの文字を左の列から対応するグループにリンクしたいと思います。 あなたが知っているのは、手紙をクリックすると、私たちは連絡先グループの上に直接リダイレクトされました。

私の現在のコントローラが

def index 
    @definitions = Definition.all.order('title ASC').group_by{|d| d.title[0]} 
    @titre = "Définitions" 
    end 

され、ビューインデックスが

<% @definitions.each do |letter, definition| %> 
    <h2><%= letter %></h2> 
    <% definition.each do |defn| %> 
    <div class="panel panel-default"> 
<div class="panel-heading"> 
<p><%= defn.title.downcase + "　" + defn.japonais.downcase %></p> 
</div> 
<div class="panel-body"> 
<p><%= defn.content.html_safe %></p> 
</div> 
</div> 
    <% end %> 
<% end %> 

であり、私はそれまたはあなたが

Answer 1

を助けるため

<div class="row"> 
<div class="col-md-3"> 
<div><span class="tag"><a href="#">Top</a></span> 
<span class="tag"><a href="#">A</a></span> 
<span class="tag"><a href="#">B</a></span> 
<span class="tag"><a href="#">C</a></span> 
<span class="tag"><a href="#">D</a></span> 
<span class="tag"><a href="#">E</a></span> 
<span class="tag"><a href="#">F</a></span> 
<span class="tag"><a href="#">G</a></span> 
<span class="tag"><a href="#">H</a></span> 
<span class="tag"><a href="#">I</a></span> 
<span class="tag"><a href="#">J</a></span> 
<span class="tag"><a href="#">K</a></span> 
<span class="tag"><a href="#">L</a></span> 
<span class="tag"><a href="#">M</a></span> 
<span class="tag"><a href="#">N</a></span> 
<span class="tag"><a href="#">O</a></span> 
<span class="tag"><a href="#">P</a></span> 
<span class="tag"><a href="#">Q</a></span> 
<span class="tag"><a href="#">R</a></span> 
<span class="tag"><a href="#">S</a></span> 
<span class="tag"><a href="#">T</a></span> 
<span class="tag"><a href="#">U</a></span> 
<span class="tag"><a href="#">V</a></span> 
<span class="tag"><a href="#">W</a></span> 
<span class="tag"><a href="#">X</a></span> 
<span class="tag"><a href="#">Y</a></span> 
<span class="tag"><a href="#">Z</a></span> 
</div> 

はありがとうござい別の方法をリンクします

あなたは

<span class="tag"><a href="#a">A</a></span> 
<span class="tag"><a href="#b">B</a></span> 

HTMLのアンカーを使用することができますアンカー

<% @definitions.each do |letter, definition| %> 
    <a id="<%= letter.downcase %>"></a> 
    <h2><%= letter %></h2> 
    <% definition.each do |defn| %> 
    <div class="panel panel-default">