我想生成一个
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));
原文地址:https://www.jb51.cc/js/151633.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。