Javascript 在rails中的同一页上删除多个元素

在每个do循环中，我在一个页面上有10个元素，当有人单击按钮时，应该允许用户进行复制。我设法使用Zeroclipboard rails gem将复制到剪贴板功能添加到rails。由于我在同一页上有多个项目，我已将Id更改为Class

 $(document).ready(function() {
    var clip = new ZeroClipboard($("#d_clip_button"))
  });

对此

    $(document).ready(function() {
    var clip = new ZeroClipboard($(".class_name"))
  });

但每当我在10个元素中的任意一个上单击“复制到剪贴板”按钮时，它都会选择第一项的值。我怎样才能解决这个问题

这是完整的代码。谢谢

<script>
  $(document).ready(function() {
    var clip = new ZeroClipboard($(".my_clip_button"));


  $("#d-clip_button").on("click", function(){
    $("#fe_text").val("Copy me!");
  });
</script>

$（文档）.ready（函数（）{
var clip=新的零剪贴板（$（“.my_clip_按钮”）；
$（“#d-clip_按钮”）。打开（“单击”，函数（）{
$（“#feu text”）.val（“复制我！”）；
});

我以前也遇到过这个问题。我将此代码用于复制到剪贴板功能

<script> 
  jQuery.fn.copyToClipBoard = function() { 
      var clip = new ZeroClipboard($(".copy_to_clipboard")); 
  } 
  $(function() { 
    $('.copy_to_clipboard').copyToClipBoard(); 
  }); 
 </script>

jQuery.fn.copyToClipBoard=函数（）{
var clip=新的零剪贴板（$（“.copy_to_剪贴板”）；
} 
$（函数（）{
$（'.copy_to_clipboard'）.copyToClipBoard（）；
}); 

只是为了好玩！在这样的循环中，您可以随时使用此代码：

  <% (1..10).each do |n| %>
   <button class="btn btn-success copy_to_clipboard" data-clipboard-text= <%= n %> > <p> Click ME </p> </button>
  <% end %>

单击我

---

我希望这段代码能有所帮助。

动态分配。比如

.class\u name1…class\u name10

并在JS@Nithin嗨，我如何动态添加类名？你能给我举个例子吗？谢谢。