javascript - 如何在 JavaScript/Rails 中创建多个 tr 函数？

Question

我正在使用 Rails，并且也在使用 JavaScript。我无法为表中的多个 tr 获取 Javascript 函数。我正在使用引导程序来显示我的模态，第一个 tr 一切正常，但对其他人不起作用：

  <script type = "text/javascript">
  $(function(){
    $("#btn-show-modal").click(function(e){

      $("#dialogue-example").modal('show');

    });
    $("#btn-close-modal").click(function(c){
      $("#dialogue-example").modal('hide');

    });
  });
  </script>



<table class="table table-striped">
  <thead>
    <tr>
      <th>Brand</th>
      <th>description</th>
      <th>Rate</th>
      <th>Date</th>
    </tr>
  </thead>
  <tbody>
    <% @products.each do |product| %>
      <tr id ="btn-show-modal">

        <td><%= product.brand %></td>
        <td><%= product.short_description %></td>
        <td><%= product.rate_amount %></td>
        <td><%= product.created_at %></td>
          <% name = product.name %>
          <% description = product.description %>
      </tr>



  </tbody>
  <% end %>
</table>

Answer 1

@BenjaminGruenbaum 在评论中写道：

ID 是唯一的（并且只能用于一个元素），请改用类。