Javascript 如何实例化多个jQuery文件上载？

所以基本上，我很难尝试创建多个

目前，我的页面上有一个按钮，允许用户创建一个新的

div

，其中包含文本输入和一些图形。我想在这些新创建的

div

s中添加一个文件上载部分，以便它们可以附加图像。可以创建的新

div

s的数量是无限的。div是从一个长Javascript字符串创建的，并附加到容器的末尾

我想使用“Basic Plus UI”版本，因为它有更好更干净的界面

网站上显示了一些关于如何拥有的非常基本的说明，尽管我不确定动态创建是否可以做到这一点

我面临的主要问题：上传者将所选图像及其信息附加到其下方的部分。我的代码必须使用

$（this）

，以确保每个上传程序与其他上传程序完全分开。该插件目前使用的是ID，而不是类，因此我也必须找到解决方法

---

当然，我不是要求任何人为我写一大堆代码！只要一些关于如何实现这一点的指导就好了。

正如我所知，对于动态创建的对象，您应该通过

$（选择器）进行操作。（…

例如：

$('.parent_container').on('click', '.btn', function(){
// do something
})

或者在JQuery的旧版本中，

live（…）

而不是

on（…）

您可以在此处了解更多信息：

---

这应该会有帮助…

首先，我建议您尝试通过删除父窗体来重新构造应用程序，使每个新添加的div都有不同的窗体。或者使用iframe创建新div。另外，您可以发布jsfiddle来显示确切的问题，因为很难理解这个问题吗？感谢@amitamb-字面上的建议在你发布之前5分钟，我完全改变了结构。我页面中的许多元素不需要

表单

，因此我将它们包装在

div

中，这样每个单独的文件上传者现在都可以包装在

表单

中。这对你来说可能是显而易见的，但如果没有一个例子，我无法理解：“我的代码必须使用$（this），以确保每个上传程序与其他上传程序完全分开。该插件目前使用的是ID，而不是类，因此我也必须找到解决方法。"抱歉@amitamb，在读了几遍之后，我想其他人可能无法理解。我必须编写的代码必须将所有上传的文件彼此分开。我自己尝试过这样做，当我将图像上传到一个上传器时，它也被上传并显示在另一个上传器中。Th发生的原因是我没有使用jQuery

$（this）

选择器。