如何生成包含具有动态可添加和可移动行的表的Div？ - JSfiddle已添加

Question

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

我已经尝试过小提琴中的代码.ins_row()函数用于在表中添加在div中生成的行.

addEvent()函数用于生成div

单击"添加产品"按钮时,将生成包含具有一行的表的div.

单击"添加"按钮后,最后两行应按照单击继续添加.如果单击直接删除div的删除按钮,则应删除整个表和div.

单击直接生成的行的删除按钮时,只应删除该行而不是整个div.

问题

这里的问题是带有表的div正在生成,但我无法弄清楚如何在表中添加行.

在这里看到它

预期产出

预期结果的屏幕截图http://img338.imageshack.us/img338/3863/samplea.png

注意:我刚刚将外部JS文件粘贴到上面小提琴的javascript列中,因为我没有资源链接.

目前的输出

目前结果的屏幕截图http://img824.imageshack.us/img824/8015/expresult.png

我希望我提出的问题是可以理解的,如果有什么不清楚,请告诉我

Answer 1

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

不过它使用 jquery - 它只是一个示例，您可以根据它来构建自己的代码。如果您愿意的话，这一切都可以用普通的旧 JavaScript 实现。样式有点不对劲，但我希望你能处理。

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