Javascript jQuery查找所有按钮并单击

我有一个javascript片段，用于呈现文件的各个按钮，我添加这些按钮以单独上传它们，如下所示

data.context = $('<button name=uploadFile/>').text('Start Individual Upload')
    .appendTo(document.body)
                .click(function () {
                    // code to do individual upload (removed for brevity)
                });

data.context=$（''）.text（'开始单独上传'）
.appendTo（document.body）
。单击（函数（）{
//单独上传的代码（为了简洁起见删除）
});

例如，如果我选择了3个文件，则呈现的标记将如下所示：

<button name="uploadFile">Start Upload</button>
<button name="uploadFile">Start Upload</button>
<button name="uploadFile">Start Upload</button>

开始上传
开始上传
开始上传

如果我单独单击每个按钮，将调用单击处理程序并上载文件

我现在想要尝试的是一个Upload all按钮，我可以将其添加到我的html中，然后在Upload all按钮上添加一个click handler函数，该函数触发每个单独上传按钮的click handler（即-模仿用户单击每个Start Upload按钮）

 <input id="uploadAllFiles" type="button">

$('#uploadAllFiles').on("click", function () {
    // not sure what to do here to find all buttons with name = uploadFile and trigger clicking     them
});

$（'#uploadAllFiles'）。在（“单击”，函数（）{
//不确定在此处如何查找name=uploadFile的所有按钮并触发单击它们
});

好吧，冒着被击倒的风险，因为回答的不是问题，而是潜在的动机

我不会这样做。按钮点击处理程序只是一个UI界面，准控制器，用于启动业务逻辑，即上载文件。相反，我会将逻辑隔离到separte函数中，让每个点击处理程序调用其函数，上载处理程序调用所有这些函数

有点像这样：

data.context = $('<button name=uploadFile/>').text('Start Individual Upload')
.appendTo(document.body)
            .click(createClickHandler(fileName)); // assuming filename is the name of the file to upload

现在，当有人单击“全部加载”时：

.click(function() {
   $.each(allfiles,function(f) {
     f();
   });
});

---

单击uploadAllFiles按钮时，单击名称为uploadFile的每个按钮

$('#uploadAllFiles').on("click", function() {
    //This will click each of the buttons with the
    //attribute name set to "uploadFile"
    $('button[name="uploadFile"]').click()
});

---

你能编辑你的答案以包含格式化为代码的create click handler函数吗？Drat，我想是的。所需要的只是一个遗漏的空格。我真希望他们有github样式的格式化。

$('#uploadAllFiles').on("click", function() {
    //This will click each of the buttons with the
    //attribute name set to "uploadFile"
    $('button[name="uploadFile"]').click()
});