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);
});
};
});
});
$.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();