动态列表javascript，无法添加类

Question

我正在尝试从JSON对象获取内容，并使用JavaScript动态构建一个有序列表（使用子（子）项嵌套）。对于前端布局，我使用JS＆＃39; CollapsibleList＆＃39; （http://code.stephenmorley.org/javascript/collapsible-lists/）。为了使布局正确;我需要将正确的类添加到列表项。对于其中一些人来说这很好，但我无法解决如何添加＆＃39; collapsibleListClosed＆＃39;类。

Here you can see the list-item of the ul class added well but the collapsibleListClosed class wasn't added

我猜这些子项也会给这个方法带来一些问题。

我使用的代码是：

list = $("<ul class='treeView2' id='productTree'>"); 
  for (var i = 0, l = jsonobject.length; i < l; ++i) {
list.append("<li><input type='text' value='" + jsonobject[i].id + "'</input><ul class='collapsibleList'><li class='collapsibleListClosed'>Test");  
                                               }
                                               $("#goo").append(list);
                                   })
                        });

最终目标是我有一些主要项目，子项目，子项目，并在正确的结构中自动/动态生成正确的列表

如何解决这个问题？谢谢！