json数据动态添加

想要实现这样的一个效果:

clipboard.png

clipboard.png

怎么对json的数据进行判断来循环遍历呢

具体代码:

  var $city = [
    {
    "id": 0,
    "value": "今天",
    "child": [
        {
            "id": 0,
            "value": "现在",
        },{
            "id": 1,
            "value": "1点",
            "child": [
                {"value": "10分"},
                {"value": "20分"},
                {"value": "30分"},
                {"value": "40分"},
                {"value": "50分"}
            ],
        },{
            "id": 2,
            "value": "2点",
            "child": [
                {"value": "10分"},
                {"value": "20分"},
                {"value": "30分"},
                {"value": "40分"},
                {"value": "50分"}
            ],
        }
    ]
},
{
    "id": 1,
    "value": "明天",
    "child": [
        {
            "id": 0,
            "value": "0点",
            "child": [
                {"value": "10分"},
                {"value": "20分"},
                {"value": "30分"},
                {"value": "40分"},
                {"value": "50分"}
            ],
        },{
            "id": 1,
            "value": "1点",
            "child": [
                {"value": "10分"},
                {"value": "20分"},
                {"value": "30分"},
                {"value": "40分"},
                {"value": "50分"}
            ],
        },{
            "id": 2,
            "value": "2点",
            "child": [
                {"value": "10分"},
                {"value": "20分"},
                {"value": "30分"},
                {"value": "40分"},
                {"value": "50分"}
            ],
        },{
            "id": 3,
            "value": "3点",
            "child": [
                {"value": "10分"},
                {"value": "20分"},
                {"value": "30分"},
                {"value": "40分"},
                {"value": "50分"}
            ],
        },{
            "id": 4,
            "value": "4点",
            "child": [
                {"value": "10分"},
                {"value": "20分"},
                {"value": "30分"},
                {"value": "40分"},
                {"value": "50分"}
            ],
        },{
            "id": 5,
            "value": "5点",
            "child": [
                {"value": "10分"},
                {"value": "20分"},
                {"value": "30分"},
                {"value": "40分"},
                {"value": "50分"}
            ],
        },{
            "id": 6,
            "value": "6点",
            "child": [
                {"value": "10分"},
                {"value": "20分"},
                {"value": "30分"},
                {"value": "40分"},
                {"value": "50分"}
            ],
        },{
            "id": 7,
            "value": "7点",
            "child": [
                {"value": "10分"},
                {"value": "20分"},
                {"value": "30分"},
                {"value": "40分"},
                {"value": "50分"}
            ],
        },{
            "id": 8,
            "value": "8点",
            "child": [
                {"value": "10分"},
                {"value": "20分"},
                {"value": "30分"},
                {"value": "40分"},
                {"value": "50分"}
            ],
        },{
            "id": 9,
            "value": "9点",
            "child": [
                {"value": "10分"},
                {"value": "20分"},
                {"value": "30分"},
                {"value": "40分"},
                {"value": "50分"}
            ],
        },{
            "id": 10,
            "value": "10点",
            "child": [
                {"value": "10分"},
                {"value": "20分"},
                {"value": "30分"},
                {"value": "40分"},
                {"value": "50分"}
            ],
        },{
            "id": 11,
            "value": "11点",
            "child": [
                {"value": "10分"},
                {"value": "20分"},
                {"value": "30分"},
                {"value": "40分"},
                {"value": "50分"}
            ],
        },{
            "id": 12,
            "value": "12点",
            "child": [
                {"value": "10分"},
                {"value": "20分"},
                {"value": "30分"},
                {"value": "40分"},
                {"value": "50分"}
            ],
        },{
            "id": 13,
            "value": "13点",
            "child": [
                {"value": "10分"},
                {"value": "20分"},
                {"value": "30分"},
                {"value": "40分"},
                {"value": "50分"}
            ],
        },{
            "id": 14,
            "value": "14点",
            "child": [
                {"value": "10分"},
                {"value": "20分"},
                {"value": "30分"},
                {"value": "40分"},
                {"value": "50分"}
            ],
        },{
            "id": 15,
            "value": "15点",
            "child": [
                {"value": "10分"},
                {"value": "20分"},
                {"value": "30分"},
                {"value": "40分"},
                {"value": "50分"}
            ],
        },{
            "id": 16,
            "value": "16点",
            "child": [
                {"value": "10分"},
                {"value": "20分"},
                {"value": "30分"},
                {"value": "40分"},
                {"value": "50分"}
            ],
        },{
            "id": 17,
            "value": "17点",
            "child": [
                {"value": "10分"},
                {"value": "20分"},
                {"value": "30分"},
                {"value": "40分"},
                {"value": "50分"}
            ],
        },{
            "id": 18,
            "value": "18点",
            "child": [
                {"value": "10分"},
                {"value": "20分"},
                {"value": "30分"},
                {"value": "40分"},
                {"value": "50分"}
            ],
        },{
            "id": 19,
            "value": "19点",
            "child": [
                {"value": "10分"},
                {"value": "20分"},
                {"value": "30分"},
                {"value": "40分"},
                {"value": "50分"}
            ],
        },{
            "id": 20,
            "value": "20点",
            "child": [
                {"value": "10分"},
                {"value": "20分"},
                {"value": "30分"},
                {"value": "40分"},
                {"value": "50分"}
            ],
        },{
            "id": 21,
            "value": "21点",
            "child": [
                {"value": "10分"},
                {"value": "20分"},
                {"value": "30分"},
                {"value": "40分"},
                {"value": "50分"}
            ],
        },{
            "id": 22,
            "value": "22点",
            "child": [
                {"value": "10分"},
                {"value": "20分"},
                {"value": "30分"},
                {"value": "40分"},
                {"value": "50分"}
            ],
        },{
            "id": 23,
            "value": "23点",
            "child": [
                {"value": "10分"},
                {"value": "20分"},
                {"value": "30分"},
                {"value": "40分"},
                {"value": "50分"}
            ],
        },{
            "id": 24,
            "value": "24点",
            "child": [
                {"value": "10分"},
                {"value": "20分"},
                {"value": "30分"},
                {"value": "40分"},
                {"value": "50分"}
            ],
        },
    ]
},
{
    "id": 2,
    "value": "后天",
    "child": [
        {
            "id": 0,
            "value": "0点",
            "child": [
                {"value": "10分"},
                {"value": "20分"},
                {"value": "30分"},
                {"value": "40分"},
                {"value": "50分"}
            ],
        },{
            "id": 1,
            "value": "1点",
            "child": [
                {"value": "10分"},
                {"value": "20分"},
                {"value": "30分"},
                {"value": "40分"},
                {"value": "50分"}
            ],
        },{
            "id": 2,
            "value": "2点",
            "child": [
                {"value": "10分"},
                {"value": "20分"},
                {"value": "30分"},
                {"value": "40分"},
                {"value": "50分"}
            ],
        },{
            "id": 3,
            "value": "3点",
            "child": [
                {"value": "10分"},
                {"value": "20分"},
                {"value": "30分"},
                {"value": "40分"},
                {"value": "50分"}
            ],
        },{
            "id": 4,
            "value": "4点",
            "child": [
                {"value": "10分"},
                {"value": "20分"},
                {"value": "30分"},
                {"value": "40分"},
                {"value": "50分"}
            ],
        },{
            "id": 5,
            "value": "5点",
            "child": [
                {"value": "10分"},
                {"value": "20分"},
                {"value": "30分"},
                {"value": "40分"},
                {"value": "50分"}
            ],
        },{
            "id": 6,
            "value": "6点",
            "child": [
                {"value": "10分"},
                {"value": "20分"},
                {"value": "30分"},
                {"value": "40分"},
                {"value": "50分"}
            ],
        },{
            "id": 7,
            "value": "7点",
            "child": [
                {"value": "10分"},
                {"value": "20分"},
                {"value": "30分"},
                {"value": "40分"},
                {"value": "50分"}
            ],
        },{
            "id": 8,
            "value": "8点",
            "child": [
                {"value": "10分"},
                {"value": "20分"},
                {"value": "30分"},
                {"value": "40分"},
                {"value": "50分"}
            ],
        },{
            "id": 9,
            "value": "9点",
            "child": [
                {"value": "10分"},
                {"value": "20分"},
                {"value": "30分"},
                {"value": "40分"},
                {"value": "50分"}
            ],
        },{
            "id": 10,
            "value": "10点",
            "child": [
                {"value": "10分"},
                {"value": "20分"},
                {"value": "30分"},
                {"value": "40分"},
                {"value": "50分"}
            ],
        },{
            "id": 11,
            "value": "11点",
            "child": [
                {"value": "10分"},
                {"value": "20分"},
                {"value": "30分"},
                {"value": "40分"},
                {"value": "50分"}
            ],
        },{
            "id": 12,
            "value": "12点",
            "child": [
                {"value": "10分"},
                {"value": "20分"},
                {"value": "30分"},
                {"value": "40分"},
                {"value": "50分"}
            ],
        },{
            "id": 13,
            "value": "13点",
            "child": [
                {"value": "10分"},
                {"value": "20分"},
                {"value": "30分"},
                {"value": "40分"},
                {"value": "50分"}
            ],
        },{
            "id": 14,
            "value": "14点",
            "child": [
                {"value": "10分"},
                {"value": "20分"},
                {"value": "30分"},
                {"value": "40分"},
                {"value": "50分"}
            ],
        },{
            "id": 15,
            "value": "15点",
            "child": [
                {"value": "10分"},
                {"value": "20分"},
                {"value": "30分"},
                {"value": "40分"},
                {"value": "50分"}
            ],
        },{
            "id": 16,
            "value": "16点",
            "child": [
                {"value": "10分"},
                {"value": "20分"},
                {"value": "30分"},
                {"value": "40分"},
                {"value": "50分"}
            ],
        },{
            "id": 17,
            "value": "17点",
            "child": [
                {"value": "10分"},
                {"value": "20分"},
                {"value": "30分"},
                {"value": "40分"},
                {"value": "50分"}
            ],
        },{
            "id": 18,
            "value": "18点",
            "child": [
                {"value": "10分"},
                {"value": "20分"},
                {"value": "30分"},
                {"value": "40分"},
                {"value": "50分"}
            ],
        },{
            "id": 19,
            "value": "19点",
            "child": [
                {"value": "10分"},
                {"value": "20分"},
                {"value": "30分"},
                {"value": "40分"},
                {"value": "50分"}
            ],
        },{
            "id": 20,
            "value": "20点",
            "child": [
                {"value": "10分"},
                {"value": "20分"},
                {"value": "30分"},
                {"value": "40分"},
                {"value": "50分"}
            ],
        },{
            "id": 21,
            "value": "21点",
            "child": [
                {"value": "10分"},
                {"value": "20分"},
                {"value": "30分"},
                {"value": "40分"},
                {"value": "50分"}
            ],
        },{
            "id": 22,
            "value": "22点",
            "child": [
                {"value": "10分"},
                {"value": "20分"},
                {"value": "30分"},
                {"value": "40分"},
                {"value": "50分"}
            ],
        },{
            "id": 23,
            "value": "23点",
            "child": [
                {"value": "10分"},
                {"value": "20分"},
                {"value": "30分"},
                {"value": "40分"},
                {"value": "50分"}
            ],
        },{
            "id": 24,
            "value": "24点",
            "child": [
                {"value": "10分"},
                {"value": "20分"},
                {"value": "30分"},
                {"value": "40分"},
                {"value": "50分"}
            ],
        },
    ]
}

];

主要想改变今天的数据,今天的数据 为当前时间开始

阅读 4k
2 个回答

对child进行遍历 $city.child
最好贴一下代码

clipboard.png
一直循环遍历就好了 可以解决你提的问题

遍历我知道 但是我不知道怎么往里面赋值

clipboard.png

                                                                                                           
var arr = [];
for(var i =0;i<3;i++){
    console.log(arr[i]);
    arr[0]="今天"; arr[1]="明天";arr[2]="后天";
for(var j =0;j<24;j++){
    console.log(arr[i][j]);   
    for(var z =0;z<50;z++){                                                                                                                                                
        //console.log(arr[i][j][z]);
   }
}

}

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进