使用JSON和jquery创建一个动态列表
Create a dynamic list using JSON and jquery
JSON文件
{
"subject": "title",
"level": [
{
"title":"Test1",
"sub":[{
"title":"Test1 sub_1",
"links":[{
"title":"Test1sub1.1link_title",
"address":"linkAddress"
},{
"title":"Test1sub1.2_link_title",
"address":"linkAddress"
}
]
},{
"title":"Test2 sub_2",
"links":[{
"title":"Test2sub2.1_link_title",
"address":"linkAddress"
},{
"title":"Test2sub2.2_link_title",
"address":"linkAddress"
}
]
}]
},
{
"title":"Test3",
"sub":[{
"title":"Test3 sub_1",
"links":[{
"title":"Test31.1_link_title",
"address":"linkAddress"
},{
"title":"Test31.2_link_title",
"address":"linkAddress"
}
]
}]
}
]
}
在我的标记中,我有以下
var json = $.getJSON('datar.json',function(data){
for(var i =0; i< data.level.length; i++){
console.log(data.level[i].title);
$('#accordion').append("<li>"+data.level[i].title+"</li>");
for (var k = 0; k<data.level[i].sub.length; k++){
console.log(data.level[i].sub[k].title);
$('#accordion').append("<li>"+data.level[i].sub[k].title+"</li>");
for (var j = 0; j<data.level[i].sub[k].links.length; j++){
console.log(data.level[i].sub[k].links[j].title);
$('#accordion').append("<li>"+data.level[0].sub[j].links[i].title+"</li>");
}
}
}
正如我们所看到的,我正在循环并追加以创建动态列表。在我的console.log输出中,我收到了我需要的正确格式。
Test1
Test1 sub_1
Test1sub1.1link_title
Test1sub1.2_link_title
Test2 sub_2
Test2sub2.1_link_title
Test2sub2.2_link_title
Test3
Test3 sub_1
Test31.1_link_title
Test31.2_link_title
但在页面本身,它没有正确显示,
Test1
Test1 sub_1
Test1sub1.1link_title
Test2sub2.1_link_title
Test2 sub_2
Test1sub1.1link_title
Test2sub2.1_link_title
Test3
Test3 sub_1
Test1sub1.2_link_title
Test2sub2.2_link_title
如果有人能提供建议,我们将不胜感激。
看看最后一个for循环:
console.log(data.level[**i**].sub[**k**].links[**j**].title);
$('#accordion')
.append("<li>"+data.level[**0**].sub[**j**].links[**i**].title+"</li>");
=>console.log和append 之间的索引元素不同
相关文章:
- 使用AngularJS Directive WHITOUT$scope创建一个动态html元素
- 如何在javascript转换编码中将一个动态值从一个表单添加到另一个页面
- 为json对象创建一个动态表
- 为node.js创建一个动态的restful api
- 我如何创建一个动态地图来显示我们公司的位置
- 让ASP.NET中继器设置一个动态名称
- 在Javascript中连接一个动态变量名
- 读取一个动态填充的txt文件
- 有没有一种方法可以创建一个对象并同时为其指定一个动态特性
- 我已经创建了一个动态的下拉选择列表,它指向一行;如何使该行成为变量
- 如何获得一个动态增长的自定义对象的Javascript数组
- 用Javascript创建一个动态选择对象
- 我怎样才能创建一个动态表-Crossfilter-dc.js
- 根据使用php和javascript选择的另一个动态下拉框禁用下拉框
- 使用php创建动态组合框,并更改另一个动态组合框的值
- 创建一个动态图像上传PHP
- 使用bootstrap,jquery和javascript创建一个动态主页
- 在angularjs中构造一个动态表单
- JavaScript var 分配一个动态可为空的值显示脚本错误
- 如何使用带有值的 ID 选择选项到另一个动态选择选项值