var arr = []; //新建一个数组
var objA= new Object(); //新建一个对象
objectA();
function objectA() {
var tabitemhtml='';
objectB(msg[0].id) //传入数据的第一个id
console.log(msg[0].id)
for(var i=0;i<msg.length;i++){
arr.push(msg[i].id); //把id存入空数组
var menuid=msg[i].id //
objA[menuid]=msg[i].id; //把ID赋值给对像
tabitemhtml+=' <div data-id="'+msg[i].id+'" class="tabItem">'+msg[i].name+'</div>'
}
$('.tab').html(tabitemhtml);
$('.tab').children().eq(0).addClass('active');
//$('.tabContent .tabList').eq(0).show()
setdata(objA ,'data')
$('.tab > .tabItem').click(function(){
$('.tab > .tabItem').removeClass('active');
$(this).addClass('active');
var index=$(".tabItem").index(this);
//$('.tabContent .tabList').eq(index).show().siblings().hide();
var id=$(this).attr('data-id');
$('.tabContent div').eq(index).show().siblings().hide();
$('.tabContent div').remove()
objectB(id)
console.log(id)
})
}
function setdata(a,data){
console.log(a)
localStorage.setItem(data,JSON.stringify(a)) //把数据存入本地缓存 已字符串形式存入
}
function objectB(id) {
var tablisthtml=''
for(var i=0;i<data.length;i++){
tablisthtml+='<div class="tabList"><p>'+data[i].title+'</p><div><span>'+data[i].unit+'</span><span>'+data[i].year+'</span></div></div>'
}
$('.tabContent').html(tablisthtml);
console.log(id)
}
js新建一个数组和对象把数据已字符串形式存入本地缓存
最新推荐文章于 2024-04-22 00:45:00 发布