首页 新闻 搜索 专区 学院

渲染一个二维数组的数据结构

0
[待解决问题]
  var datas = [
{
'title': '首页',
'url': 'http://www.baidu.com',
'sons': [
{
'title': '首页1',
'url': 'http://www.baidu.com'
},
{
'title': '首页2',
'url': 'http://www.baidu.com',
},
{
'title': '首页3',
'url': 'http://www.baidu.com',
}
]
}
, {
'title': '会员',
'url': 'http://www.baidu.com',
'sons': [
{
'title': '会员1',
'url': 'http://www.baidu.com'
},
{
'title': '会员2',
'url': 'http://www.baidu.com',
},
{
'title': '会员3',
'url': 'http://www.baidu.com',
}
]
}
];

var i = 0;
$.each(datas, function (key, value) {
var li_top = $("<li>" + value.title + "</li>");
$('#tab-top').append(li_top);
//判断取模
if (key == i) {
console.log(key);
i++
$.each(value.sons, function (key2, value2) {
console.log(value2);
var li_left = $("<li><a href=" + value2.url + ">" + value2.title + "</a></li>");
$('.tab_left').append(li_left);
});

};
});
});
小猴子会上树的主页 小猴子会上树 | 菜鸟二级 | 园豆:208
提问于:2018-08-07 10:49
< >
分享
所有回答(1)
0

$.each(datas, function (key, value) {
var li_top = $("<li data_id='"+key+"'>" + value.title + "</li>").appendTo($('#tab-top'));

});

$("#tab-top li").click(function(){

var index=$(this).attr("data_id");

var li_left = $("<li><a href=" + datas[index].sons.url + ">" + datas[index].sons.title + "</a></li>").appendTo($('.tab_left'));

});

$("#tab-top li").eq(0).click();

Постой! | 园豆:829 (小虾三级) | 2018-08-08 16:13
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册