我可以将通过for循环创建的无序列表转换为treeview

Question

嗨！我需要设计杂货的网页，网页分为左右两边的桌子。 在a.js中，我使用ajax读取了两个xml文件，并将值存储在两个数组中（categoryarray＆amp; productarray，它们是在a.js中创建的）。我使用for循环来组合两个数组并创建一个有序列表，如下所示

i.food 
  a) product
  b) another product
ii. drink
  a) coke
  b) juice

在右侧我需要创建一个类别的树视图＆amp; b.js中的产品列表如果是这样，我可以在b.js中重复for循环来创建一个相同的列表，然后将列表转换为treeview吗？那可行吗？或者有更好的方法吗？因为我们被要求使用jquery在treeview中显示数组。 以下是我在b.js中的内容，但它根本不起作用。

    ;(function($) {
    for(var k=0;k<categoryarray.length;k++){
            if(categoryarray[k][0]!==""){
                $('.tree').append('<li id="Cate_' + k + '">'+categoryarray[k][1]+'</li>');
                for(var l=0;l<productarray.length;l++){
                    if(categoryarray[k][0]==productarray[l][2]){
                        $('#Cate_' + k).append('<ul id="Pro_' + l + '"></ul>');
                        $('#Pro_' + l).append("<li>"+productarray[l][1]+"</li>");
                    }
                }
            }
        }   

})(jQuery);

非常感谢！