Javascript 如何在jQuery中设计一个动态变化的表结构？

我正在设计一个主表a，它有一个子表B与之关联，B有一个子表C与之关联，C最后有两个子表与之关联，分别是D和E

结构如下所示：

如果用户在B上单击“+”，则必须另外添加表B、C、D和E。如果用户单击E上的“+”符号，则只需添加表E。下面是接收表ID并向现有表中添加行的代码。我能够让E表添加额外的行，但这里是我试图找出如何添加整个表结构的地方，基于用户单击“+”符号添加或单击“-”删除的表

函数addRow（tableID）{
var table=document.getElementById（tableID）；
var rowCount=table.rows.length；
var row=table.insertRow（rowCount）；
var colCount=table.rows[0].cells.length；
对于（变量i=0；i

这些是表格。根据查询的数据，每个表都有多行。您必须保持表的状态。这取决于你如何保持状态。若要将id保存到单击的元素中。您可以将状态保存到dt id属性中。如果用户单击它，将打开相关的表IDThank。有什么链接，你也许可以提供给我，我可以看看？我看到dt有一个子元素，与之关联，我们如何让该子元素在内部表现为一个主元素？使用模板难道不可能实现吗？Karthik，我想看看您设想的解决方案。你能提供一个参考资料或链接让我看一下吗？