javascript - 获取 JS 创建元素的 ID/名称

Question

我正在使用克隆命令动态创建新的 HTML 元素。该代码创建一个新的父级及其所有子级，每个子级都有一个新名称和 id(当前名称/id +1)。这工作正常，因为当我发布表单时，我看到了新的正确名称。

在此，我使用图像来重定向来自 input=file 的点击，以便自定义 input=file 按钮。但是，目前，单击任何图像都会调用相同的原始 file=upload。

我需要知道文件的 ID/名称=上传 - 无论是原始文件还是克隆文件，但即使单击克隆文件，我似乎也只能获取原始名称。

这是一个 fiddle : https://jsfiddle.net/msith718/xfuv79b3/71/

  $(document).on('click', '.uploadBtn', function(){
    alert( this.id );
  });

单击 + 创建新克隆，然后单击图像以尝试获取单击的克隆的名称/ID。似乎总是同一个名字。

非常感谢您的帮助。

Answer 1

如果您希望父级具有更改的 ID，只需将您的警报替换为此警报即可。

alert( $(this).closest('.fingers').attr('id') );