Javascript动态变量，单位为$。每条语句

我有一个项目目录，所有项目都通过while循环显示，所有项目都有一个描述，可以用zerocaplet插件复制

我需要使用下面的代码为每个.itemDescriptionContainer创建一个客户端。以便复制正确的数据

我创建了一个属性，其id为包含description.itemDescriptionContainer的项

当前代码-我尝试过但不工作

HTML

*下面的代码可以正常工作，它只复制whileloop中第一项的描述

HTML

---

我修复了使用窗口函数的问题，希望有人能发现这有用

$(".itemDescriptionContainer").each(function(){
   var itemID = $(this).attr('data-itemID');

   // Copy Item Description
   var dynamic = window["client" + itemID] = new ZeroClipboard(document.getElementById("copy-button-"+itemID));

   dynamic.on("ready", function(readyEvent){
      dynamic.on("aftercopy", function(event){
         event.target.innerHTML = "Description copied!";
      });
   });

});

---

请写完整的文档。您的代码预期会发生什么，实际发生了什么？请明确您到底想要什么，从您想要的开始，您尝试了什么以及出现了什么问题。aftercopy是ZeroClipboardI使用的函数。我添加了更多，第一部分是第一条数据输入的函数，但不在while循环中的其余元素上

$(".itemDescriptionContainer").each(function(index){
    var client = new ZeroClipboard( document.getElementById("copy-button") );

    client.on("ready", function(readyEvent) {
        client.on("aftercopy", function(event) {
            event.target.innerHTML = "Description Copied!";
        });
    });
});

//While Loop
<div class="itemDescriptionContainer" data-itemID="{{{$item->id}}}">
    <div id="copy-button-{{{$item->id}}}" data-clipboard-target="copyDescription-{{{$item->id}}}">Copy Description<div>
    <div id="copyDescription-{{{$item->id}}}">
</div>
//endwhile

    var itemID = $(this).attr('data-itemID');
    // Attach itemID to client somehow to make a client instance unique.

    var client = new ZeroClipboard( document.getElementById("copy-button") );

    client.on("ready", function(readyEvent) {
        client.on("aftercopy", function(event) {
            event.target.innerHTML = "Description Copied!";
        });
    });

$(".itemDescriptionContainer").each(function(){
   var itemID = $(this).attr('data-itemID');

   // Copy Item Description
   var dynamic = window["client" + itemID] = new ZeroClipboard(document.getElementById("copy-button-"+itemID));

   dynamic.on("ready", function(readyEvent){
      dynamic.on("aftercopy", function(event){
         event.target.innerHTML = "Description copied!";
      });
   });

});