javascript - 如何生成包含可动态添加和删除行的表格的 Div？ - 添加了 JSfiddle

Question

在 JSFiddle 中，我尝试使用 javascript 动态生成 div。这些 div 将包含表格，其中最后两行可以使用添加按钮递增。

我试过 fiddle 中的代码。ins_row() 函数用于在表格中添加在 div 中生成的行。

addEvent()函数用于生成div

当单击“添加产品”按钮时，将生成一个包含一行表格的 div。

当点击添加按钮时，最后两行应该根据点击次数继续添加。如果直接点击 div 的删除按钮，则应删除整个表格和 div。

当直接点击生成行的删除按钮时，应该只删除该行而不是整个 div。

问题

这里的问题是正在生成带表格的 div，但我不知道如何在表格中添加行。

See it in action here

预期输出

注意:我刚刚将外部 JS 文件粘贴到上述 fiddle 的 javascript 列中，因为我没有资源链接。

当前输出

我希望我提出的问题可以理解，如果有任何不清楚的地方，请告诉我

Answer 1

我相信我已经正确理解了您的要求。
试试这个 fiddle http://jsfiddle.net/Kucuk/14/

虽然它使用了 jquery - 它只是一种示例，您可以根据自己的代码编写代码。如果您愿意，这一切都可以在普通的旧 JavaScript 中实现。造型有点不对劲，但我希望你能处理好。

如果这对您有所帮助，请告诉我。