我想生成一个
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));
