Javascript 将我的div结构设置为树结构

检查此URL。 我的div是在嵌套结构中动态创建的。我必须根据体育比赛的结构来设计这个分区。我不知道如何组织

我希望我的结构是这样的。现在我的代码运行良好。样式化只是问题所在

 [1]: http://plnkr.co/edit/xKSwHAUdXcGZcwHTDmiv?p=preview

---

我正在使用组织结构图来满足我的需求。请查看下面的链接

   [https://jsfiddle.net/dhaarani/adx0ad49/][1]

页面加载一个结构如图所示。再次单击该结构，即可创建一个

更改输入框的值。将创建sibling和child。输入框值必须小于100

---

还有一个条件检查，一行包含所有输入框值的总和小于100，而不仅仅是创建sibling和child，否则什么都不会发生。

我建议您寻找合适的插件来为您呈现图形，在google@Icycool-ya中搜索

角度组织图

，我发现没有人符合我的要求。这太完美了。太严厉了。如果你知道类似的事情，请告诉我。