将动态 ID 添加到 ruby​​ 中的表格单元格

Question

我正在循环这个 TR，它被重复了 5 次。
我想为每个单元格使用 DYNAMIC ID（以便第一行单元格的 ID 应该与第二行单元格的 ID 不同，依此类推）。

我的密码：-

<% @timesheetconsultants.each do |timesheetconsultant| %> 
          <tr>            
            <td><%= timesheetconsultant.HourType %></td>
            <td onclick="showlayer('time-picker',this,'monR')" id="MonR"><%= timesheetconsultant.Mo %></td>
            <td onclick="showlayer('time-picker',this,'tueR')" id="tueR"><%= timesheetconsultant.Tu %></td>
            <td onclick="showlayer('time-picker',this,'wedR')" id="wedR"><%= timesheetconsultant.We %></td>
            <td onclick="showlayer('time-picker',this,'thuR')" id="thuR"><%= timesheetconsultant.Th %></td>
            <td onclick="showlayer('time-picker',this,'friR')" id="friR"><%= timesheetconsultant.Fr %></td>
            <td onclick="showlayer('time-picker',this,'satR')" id="satR"><%= timesheetconsultant.Sa %></td>
            <td onclick="showlayer('time-picker',this,'sunR')" id="sunR"><%= timesheetconsultant.Su %></td>
            <td id="totalR"><%= timesheetconsultant.TotalHour %></td>
          </tr>
          <% end %>

它正在以这种方式打印表格

<table>
          <tr>            
            <td><%= timesheetconsultant.HourType %></td>
            <td onclick="showlayer('time-picker',this,'monR')" id="MonR"><%= timesheetconsultant.Mo %></td>
            <td onclick="showlayer('time-picker',this,'tueR')" id="tueR"><%= timesheetconsultant.Tu %></td>
            <td onclick="showlayer('time-picker',this,'wedR')" id="wedR"><%= timesheetconsultant.We %></td>
            <td onclick="showlayer('time-picker',this,'thuR')" id="thuR"><%= timesheetconsultant.Th %></td>
            <td onclick="showlayer('time-picker',this,'friR')" id="friR"><%= timesheetconsultant.Fr %></td>
            <td onclick="showlayer('time-picker',this,'satR')" id="satR"><%= timesheetconsultant.Sa %></td>
            <td onclick="showlayer('time-picker',this,'sunR')" id="sunR"><%= timesheetconsultant.Su %></td>
            <td id="totalR"><%= timesheetconsultant.TotalHour %></td>
          </tr>
          <tr>            
            <td><%= timesheetconsultant.HourType %></td>
            <td onclick="showlayer('time-picker',this,'monR')" id="MonR"><%= timesheetconsultant.Mo %></td>
            <td onclick="showlayer('time-picker',this,'tueR')" id="tueR"><%= timesheetconsultant.Tu %></td>
            <td onclick="showlayer('time-picker',this,'wedR')" id="wedR"><%= timesheetconsultant.We %></td>
            <td onclick="showlayer('time-picker',this,'thuR')" id="thuR"><%= timesheetconsultant.Th %></td>
            <td onclick="showlayer('time-picker',this,'friR')" id="friR"><%= timesheetconsultant.Fr %></td>
            <td onclick="showlayer('time-picker',this,'satR')" id="satR"><%= timesheetconsultant.Sa %></td>
            <td onclick="showlayer('time-picker',this,'sunR')" id="sunR"><%= timesheetconsultant.Su %></td>
            <td id="totalR"><%= timesheetconsultant.TotalHour %></td>
          </tr>
</table>

但我想要这样的桌子

<table>
          <tr>            
            <td><%= timesheetconsultant.HourType %></td>
            <td onclick="showlayer('time-picker',this,'monR')" id="MonR"><%= timesheetconsultant.Mo %></td>
            <td onclick="showlayer('time-picker',this,'tueR')" id="tueR"><%= timesheetconsultant.Tu %></td>
            <td onclick="showlayer('time-picker',this,'wedR')" id="wedR"><%= timesheetconsultant.We %></td>
            <td onclick="showlayer('time-picker',this,'thuR')" id="thuR"><%= timesheetconsultant.Th %></td>
            <td onclick="showlayer('time-picker',this,'friR')" id="friR"><%= timesheetconsultant.Fr %></td>
            <td onclick="showlayer('time-picker',this,'satR')" id="satR"><%= timesheetconsultant.Sa %></td>
            <td onclick="showlayer('time-picker',this,'sunR')" id="sunR"><%= timesheetconsultant.Su %></td>
            <td id="totalR"><%= timesheetconsultant.TotalHour %></td>
          </tr>
          <tr>            
            <td><%= timesheetconsultant.HourType %></td>
            <td onclick="showlayer('time-picker',this,'monR')" id="MonOt"><%= timesheetconsultant.Mo %></td>
            <td onclick="showlayer('time-picker',this,'tueR')" id="tueOt"><%= timesheetconsultant.Tu %></td>
            <td onclick="showlayer('time-picker',this,'wedR')" id="wedOt"><%= timesheetconsultant.We %></td>
            <td onclick="showlayer('time-picker',this,'thuR')" id="thuOt"><%= timesheetconsultant.Th %></td>
            <td onclick="showlayer('time-picker',this,'friR')" id="friOt"><%= timesheetconsultant.Fr %></td>
            <td onclick="showlayer('time-picker',this,'satR')" id="satOt"><%= timesheetconsultant.Sa %></td>
            <td onclick="showlayer('time-picker',this,'sunR')" id="sunOt"><%= timesheetconsultant.Su %></td>
            <td id="totalR"><%= timesheetconsultant.TotalHour %></td>
          </tr>
</table>

Answer 1

利用数组的索引使 id 唯一。试试这个

<% @timesheetconsultants.each_with_index do |timesheetconsultant,i| %> 
          <tr>            
            <td><%= timesheetconsultant.HourType %></td>
            <td onclick="showlayer('time-picker',this,'monR')" id="Mon<%=i%>"<%= timesheetconsultant.Mo %></td>
            <td onclick="showlayer('time-picker',this,'tueR')" id="tue<%=i%>"><%= timesheetconsultant.Tu %></td>
            <td onclick="showlayer('time-picker',this,'wedR')" id="wed<%=i%>"><%= timesheetconsultant.We %></td>
            <td onclick="showlayer('time-picker',this,'thuR')" id="thu<%=i%>"><%= timesheetconsultant.Th %></td>
            <td onclick="showlayer('time-picker',this,'friR')" id="fri<%=i%>"><%= timesheetconsultant.Fr %></td>
            <td onclick="showlayer('time-picker',this,'satR')" id="sat<%=i%>"><%= timesheetconsultant.Sa %></td>
            <td onclick="showlayer('time-picker',this,'sunR')" id="sun<%=i%>"><%= timesheetconsultant.Su %></td>
            <td id="totalR"><%= timesheetconsultant.TotalHour %></td>
          </tr>
          <% end %>