一尘不染

从JSON数据生成无序列表?

json

我想生成我的JSON数据的树状视图。因此,最好将 JSON数据 解析为 多级(!)无序HTML列表
。我找到了一些插件,但无法让它们使用我的JSON数据。

好的解决方案是调用函数并将json数据作为参数移交。结果可能是一个多级无序列表。我假设该函数必须遍历所有JSON数据并写入 ulli
标签。

有没有直接的方法可以做到这一点?

tia!

PS:示例树(适用于我的JSOn数据):http :
//braincast.nl/samples/jsoneditor/
http://www.thomasfrank.se/downloadableJS/JSONeditor_example.html


阅读 269

收藏
2020-07-27

共1个答案

一尘不染

只是一个简单的简单示例:

function tree(data) {    
    if (typeof(data) == 'object') {
        document.write('<ul>');
        for (var i in data) {
            document.write('<li>' + i);
            tree(data[i]);            
        }
        document.write('</ul>');
    } else {
        document.write(' => ' + data);
    }
}

jQuery版本:

function tree(data) {    
    if (typeof(data) == 'object') {        
        var ul = $('<ul>');
        for (var i in data) {            
            ul.append($('<li>').text(i).append(tree(data[i])));         
        }        
        return ul;
    } else {       
        var textNode = document.createTextNode(' => ' + data);
        return textNode;
    }
}

$(document.body).append(tree(data));
2020-07-27