Javascript 使用jQuery UI为循环中的每个项目显示模式框

在Rails中，我有以下生成英雄列表的循环：

<% @heros.each do |hero| %>  
  <li class="str">    
    <div class="hero-icon <%= hero.friendly_id %>"></div>                   
    <div id="dialog-form">
      This is the modal box.
    </div>
  </li>
<% end %> 

有谁能告诉我如何实现我的目标，为我生成的列表中的每个英雄显示一个具有其独特信息的模式框？ 也许我需要在.js.erb文件中嵌入Ruby code/loop，该文件为jQuery代码中的每个

英雄图标和
对话框表单添加一个唯一标识符（每个英雄都有一个slug），因为我可以通过以下操作轻松地为
英雄图标类添加slug：

<div class="hero-icon-<%= hero.friendly_id %>"></div>



如果我知道如何通过jQuery通过循环调用这些唯一生成的标识符就好了

<div class="hero-icon-<%= hero.friendly_id %>"></div>