javascript – 从JSON数据生成无序列表?

我想生成一个 JSON数据的树视图.因此,将 JSON数据解析成多级(!)无序HTML列表是很好的.我发现几个插件,但我无法让他们使用我的JSON数据.

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

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

TIA!

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

解决方法

只是一个简单的例子:
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));

相关文章

前言 做过web项目开发的人对layer弹层组件肯定不陌生,作为l...
前言 前端表单校验是过滤无效数据、假数据、有毒数据的第一步...
前言 图片上传是web项目常见的需求,我基于之前的博客的代码...
前言 导出Excel文件这个功能,通常都是在后端实现返回前端一...
前言 众所周知,js是单线程的,从上往下,从左往右依次执行,...
前言 项目开发中,我们可能会碰到这样的需求:select标签,禁...