Javascript 在按钮后立即添加tr

我想让用户添加另一个输入文件下一个按钮，所以他可以选择并发送x个文件的数量

我一直在用这些答案进行搜索，但运气不好

http://stackoverflow.com/a/19200323/5586647
http://stackoverflow.com/a/19200278/5586647
http://stackoverflow.com/a/30098596/5586647

我想插入新tr的代码片段是

echo '<tr align=center ><td colspan="4"><input type="file" name="oc" id="oc"/></td><td><input type="button" value="add more" id="addme"/></td></tr>';

我想请你帮点忙

编辑：

在使用答案时，我遇到了一个问题，添加了de-tr，或者我猜是一个tr，但使用append将其添加到了原始的一侧

我想要的是：

---

代码：

jQuery可以使用.append-

一个未经测试的例子

这是HTML

再加一个 还有javascript

$button.clickfunction{ 变量字符串=； $table.appendstring； }; 之后可以使用jQuery；和单击事件，并确保输入名称为数组[]

$('.addme').click(function(){
     $('.uploads').last('tr').after('<tr align=center ><td colspan="4"><input type="file" name="oc[]"/></td></tr>');
});

---

您需要一些JavaScriptJQuery来完成任务

现场预览：

将以下内容放在结束正文标记之前的脚本标记中，或者在加载JQuery之后从外部文件加载它。如果您不确定如何通过外部文件加载JavaScript，可以从该链接下载示例并浏览index.html文件

---

请发布完整的表格html，包括开始和结束标记，这样我可以在我的实时示例中进行测试，尝试解决这个问题。你能给我们没有所有php标记的html吗？在开发机器上加载页面，右键单击表，然后单击inspect或inspect element。找到开始标记并右键单击它，您应该能够找到复制html的选项。

//store the addme id
var addMe = "#addme";

//store the tr markup
var tr = '<tr align=center ><td colspan="4"><input type="file" name="oc" id="oc"/></td><td><input type="button" value="add more" id="addme" /></td></tr>';

//add the on click event
$(document).on("click",addme,function(){


  //select the table
  var table = $("#table"); 

  //append the tr
  table.append(tr);


});