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