怎样取得JSON中的第一项

怎样取得json中的每一项键对应的值?如"Americia","England","Canada"对应的值内容。

json文件内容如下,json文件的文件名为data.jso。。已经通过ajax获取到json,但是不知道怎样动态获取

{

"Americia": [
    {
        "id": "1",
        "imgsrc": "./img/reload1.jpg",
        "classify": "家庭教育A",
        "title": "父母该如何做好家庭教育?",
        "pubdate": "2017/10/9",
        "intro": "好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天额问题挖了阿特瓦莱塔哇额了特了他问题好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天额问题挖了阿特瓦莱塔哇额了特了他问题好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天",
        "name": "刘雅春",
        "position": "新东方前途出国留学家庭预备营负责人",
        "urlpc": "http://v.qq.com/iframe/player.html?vid=l05075dk2s4&tiny=0&auto=0"
    }, {
        "id": "2",
        "imgsrc": "./img/reload2.jpg",
        "classify": "家庭教育",
        "title": "父母该如何做好家庭教育?",
        "pubdate": "2017/10/10",
        "intro": "好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天额问题挖了阿特瓦莱塔哇额了特了他问题好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天额问题挖了阿特瓦莱塔哇额了特了他问题好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天",
        "name": "刘雅春",
        "position": "新东方前途出国留学家庭预备营负责人",
        "urlpc": "http://v.qq.com/iframe/player.html?vid=u05083r9wb5&tiny=0&auto=0"
    }, {
        "id": "3",
        "imgsrc": "./img/reload3.jpg",
        "classify": "家庭教育",
        "title": "父母该如何做好家庭教育?",
        "pubdate": "2017/10/11",
        "intro": "好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天额问题挖了阿特瓦莱塔哇额了特了他问题好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天额问题挖了阿特瓦莱塔哇额了特了他问题好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天",
        "name": "刘雅春",
        "position": "新东方前途出国留学家庭预备营负责人",
        "urlpc": "http://v.qq.com/iframe/player.html?vid=h0510tixs8h&tiny=0&auto=0"
    }
],
"England": [
    {
        "id": "1",
        "imgsrc": "./img/reload1.jpg",
        "classify": "家庭教育B",
        "title": "父母该如何做好家庭教育?",
        "pubdate": "2017/10/9",
        "intro": "好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天额问题挖了阿特瓦莱塔哇额了特了他问题好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天额问题挖了阿特瓦莱塔哇额了特了他问题好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天",
        "name": "刘雅春",
        "position": "新东方前途出国留学家庭预备营负责人",
        "urlpc": "http://v.qq.com/iframe/player.html?vid=l05075dk2s4&tiny=0&auto=0"
    }, {
        "id": "2",
        "imgsrc": "./img/reload2.jpg",
        "classify": "家庭教育",
        "title": "父母该如何做好家庭教育?",
        "pubdate": "2017/10/10",
        "intro": "好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天额问题挖了阿特瓦莱塔哇额了特了他问题好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天额问题挖了阿特瓦莱塔哇额了特了他问题好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天",
        "name": "刘雅春",
        "position": "新东方前途出国留学家庭预备营负责人",
        "urlpc": "http://v.qq.com/iframe/player.html?vid=u05083r9wb5&tiny=0&auto=0"
    }, {
        "id": "3",
        "imgsrc": "./img/reload3.jpg",
        "classify": "家庭教育",
        "title": "父母该如何做好家庭教育?",
        "pubdate": "2017/10/11",
        "intro": "好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天额问题挖了阿特瓦莱塔哇额了特了他问题好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天额问题挖了阿特瓦莱塔哇额了特了他问题好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天",
        "name": "刘雅春",
        "position": "新东方前途出国留学家庭预备营负责人",
        "urlpc": "http://v.qq.com/iframe/player.html?vid=h0510tixs8h&tiny=0&auto=0"
    }
],
"Canada": [
    {
        "id": "1",
        "imgsrc": "./img/reload1.jpg",
        "classify": "家庭教育B",
        "title": "父母该如何做好家庭教育?",
        "pubdate": "2017/10/9",
        "intro": "好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天额问题挖了阿特瓦莱塔哇额了特了他问题好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天额问题挖了阿特瓦莱塔哇额了特了他问题好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天",
        "name": "刘雅春",
        "position": "新东方前途出国留学家庭预备营负责人",
        "urlpc": "http://v.qq.com/iframe/player.html?vid=l05075dk2s4&tiny=0&auto=0"
    }, {
        "id": "2",
        "imgsrc": "./img/reload2.jpg",
        "classify": "家庭教育",
        "title": "父母该如何做好家庭教育?",
        "pubdate": "2017/10/10",
        "intro": "好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天额问题挖了阿特瓦莱塔哇额了特了他问题好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天额问题挖了阿特瓦莱塔哇额了特了他问题好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天",
        "name": "刘雅春",
        "position": "新东方前途出国留学家庭预备营负责人",
        "urlpc": "http://v.qq.com/iframe/player.html?vid=u05083r9wb5&tiny=0&auto=0"
    }, {
        "id": "3",
        "imgsrc": "./img/reload3.jpg",
        "classify": "家庭教育",
        "title": "父母该如何做好家庭教育?",
        "pubdate": "2017/10/11",
        "intro": "好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天额问题挖了阿特瓦莱塔哇额了特了他问题好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天额问题挖了阿特瓦莱塔哇额了特了他问题好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天",
        "name": "刘雅春",
        "position": "新东方前途出国留学家庭预备营负责人",
        "urlpc": "http://v.qq.com/iframe/player.html?vid=h0510tixs8h&tiny=0&auto=0"
    }
]

}

看到各位回答内容都是确定了key值的,看来我是没有吧问题描述清楚,我这里的key值是根据html中和点击来确定要使用json中的哪一个value 的。
HTML 代码如下:

<div class="container">
            <ul class="row country">
                <li class="col-xs-4 col-md-3 active selected" id="Americia">美国</li>
                <li class="col-xs-4 col-md-3" id="England">英国</li>
                <li class="col-xs-4 col-md-3" id="Canada">加拿大</li>
                <li class="col-xs-4 col-md-3" id="Austrilia">澳大利亚</li>
                <li class="col-xs-4 col-md-3" id="NewZealand">新西兰</li>
                <li class="col-xs-4 col-md-3" id="Europe">欧洲</li>
                <li class="col-xs-4 col-md-3" id="Asia">亚洲</li>
            </ul>
        </div>

然后通过点击li标签,JS获取json中的数据,显示该国家对应内容,所以JSON中的KEY是需要根据哪个li标签被点击来确定的,请问这里的key值应该如何获取才可以正常显示对应的内容?

阅读 12k
6 个回答
let str = `{
    "Americia": [
        {
            "id": "1",
            "imgsrc": "./img/reload1.jpg",
            "classify": "家庭教育A",
            "title": "父母该如何做好家庭教育?",
            "pubdate": "2017/10/9",
            "intro": "好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天额问题挖了阿特瓦莱塔哇额了特了他问题好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天额问题挖了阿特瓦莱塔哇额了特了他问题好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天",
            "name": "刘雅春",
            "position": "新东方前途出国留学家庭预备营负责人",
            "urlpc": "http://v.qq.com/iframe/player.html?vid=l05075dk2s4&tiny=0&auto=0"
        }, {
            "id": "2",
            "imgsrc": "./img/reload2.jpg",
            "classify": "家庭教育",
            "title": "父母该如何做好家庭教育?",
            "pubdate": "2017/10/10",
            "intro": "好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天额问题挖了阿特瓦莱塔哇额了特了他问题好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天额问题挖了阿特瓦莱塔哇额了特了他问题好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天",
            "name": "刘雅春",
            "position": "新东方前途出国留学家庭预备营负责人",
            "urlpc": "http://v.qq.com/iframe/player.html?vid=u05083r9wb5&tiny=0&auto=0"
        }, {
            "id": "3",
            "imgsrc": "./img/reload3.jpg",
            "classify": "家庭教育",
            "title": "父母该如何做好家庭教育?",
            "pubdate": "2017/10/11",
            "intro": "好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天额问题挖了阿特瓦莱塔哇额了特了他问题好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天额问题挖了阿特瓦莱塔哇额了特了他问题好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天",
            "name": "刘雅春",
            "position": "新东方前途出国留学家庭预备营负责人",
            "urlpc": "http://v.qq.com/iframe/player.html?vid=h0510tixs8h&tiny=0&auto=0"
        }
    ],
    "England": [
        {
            "id": "1",
            "imgsrc": "./img/reload1.jpg",
            "classify": "家庭教育B",
            "title": "父母该如何做好家庭教育?",
            "pubdate": "2017/10/9",
            "intro": "好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天额问题挖了阿特瓦莱塔哇额了特了他问题好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天额问题挖了阿特瓦莱塔哇额了特了他问题好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天",
            "name": "刘雅春",
            "position": "新东方前途出国留学家庭预备营负责人",
            "urlpc": "http://v.qq.com/iframe/player.html?vid=l05075dk2s4&tiny=0&auto=0"
        }, {
            "id": "2",
            "imgsrc": "./img/reload2.jpg",
            "classify": "家庭教育",
            "title": "父母该如何做好家庭教育?",
            "pubdate": "2017/10/10",
            "intro": "好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天额问题挖了阿特瓦莱塔哇额了特了他问题好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天额问题挖了阿特瓦莱塔哇额了特了他问题好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天",
            "name": "刘雅春",
            "position": "新东方前途出国留学家庭预备营负责人",
            "urlpc": "http://v.qq.com/iframe/player.html?vid=u05083r9wb5&tiny=0&auto=0"
        }, {
            "id": "3",
            "imgsrc": "./img/reload3.jpg",
            "classify": "家庭教育",
            "title": "父母该如何做好家庭教育?",
            "pubdate": "2017/10/11",
            "intro": "好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天额问题挖了阿特瓦莱塔哇额了特了他问题好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天额问题挖了阿特瓦莱塔哇额了特了他问题好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天",
            "name": "刘雅春",
            "position": "新东方前途出国留学家庭预备营负责人",
            "urlpc": "http://v.qq.com/iframe/player.html?vid=h0510tixs8h&tiny=0&auto=0"
        }
    ],
    "Canada": [
        {
            "id": "1",
            "imgsrc": "./img/reload1.jpg",
            "classify": "家庭教育B",
            "title": "父母该如何做好家庭教育?",
            "pubdate": "2017/10/9",
            "intro": "好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天额问题挖了阿特瓦莱塔哇额了特了他问题好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天额问题挖了阿特瓦莱塔哇额了特了他问题好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天",
            "name": "刘雅春",
            "position": "新东方前途出国留学家庭预备营负责人",
            "urlpc": "http://v.qq.com/iframe/player.html?vid=l05075dk2s4&tiny=0&auto=0"
        }, {
            "id": "2",
            "imgsrc": "./img/reload2.jpg",
            "classify": "家庭教育",
            "title": "父母该如何做好家庭教育?",
            "pubdate": "2017/10/10",
            "intro": "好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天额问题挖了阿特瓦莱塔哇额了特了他问题好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天额问题挖了阿特瓦莱塔哇额了特了他问题好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天",
            "name": "刘雅春",
            "position": "新东方前途出国留学家庭预备营负责人",
            "urlpc": "http://v.qq.com/iframe/player.html?vid=u05083r9wb5&tiny=0&auto=0"
        }, {
            "id": "3",
            "imgsrc": "./img/reload3.jpg",
            "classify": "家庭教育",
            "title": "父母该如何做好家庭教育?",
            "pubdate": "2017/10/11",
            "intro": "好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天额问题挖了阿特瓦莱塔哇额了特了他问题好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天额问题挖了阿特瓦莱塔哇额了特了他问题好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天",
            "name": "刘雅春",
            "position": "新东方前途出国留学家庭预备营负责人",
            "urlpc": "http://v.qq.com/iframe/player.html?vid=h0510tixs8h&tiny=0&auto=0"
        }
    ]
}`;
let obj = JSON.parse(str);
let arr = {};
Object.keys(obj).forEach(key => arr[key] = obj[key].map(v => Object.values(v)));
console.log(arr);
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
</head>

<body>
    <div class="container">
        <ul class="row country">
            <li class="col-xs-4 col-md-3 active selected" id="Americia">美国</li>
            <li class="col-xs-4 col-md-3" id="England">英国</li>
            <li class="col-xs-4 col-md-3" id="Canada">加拿大</li>
            <li class="col-xs-4 col-md-3" id="Austrilia">澳大利亚</li>
            <li class="col-xs-4 col-md-3" id="NewZealand">新西兰</li>
            <li class="col-xs-4 col-md-3" id="Europe">欧洲</li>
            <li class="col-xs-4 col-md-3" id="Asia">亚洲</li>
        </ul>
    </div>
    <script>
        let str = `{
    "Americia": [
        {
            "id": "1",
            "imgsrc": "./img/reload1.jpg",
            "classify": "家庭教育A",
            "title": "父母该如何做好家庭教育?",
            "pubdate": "2017/10/9",
            "intro": "好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天额问题挖了阿特瓦莱塔哇额了特了他问题好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天额问题挖了阿特瓦莱塔哇额了特了他问题好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天",
            "name": "刘雅春",
            "position": "新东方前途出国留学家庭预备营负责人",
            "urlpc": "http://v.qq.com/iframe/player.html?vid=l05075dk2s4&tiny=0&auto=0"
        }, {
            "id": "2",
            "imgsrc": "./img/reload2.jpg",
            "classify": "家庭教育",
            "title": "父母该如何做好家庭教育?",
            "pubdate": "2017/10/10",
            "intro": "好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天额问题挖了阿特瓦莱塔哇额了特了他问题好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天额问题挖了阿特瓦莱塔哇额了特了他问题好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天",
            "name": "刘雅春",
            "position": "新东方前途出国留学家庭预备营负责人",
            "urlpc": "http://v.qq.com/iframe/player.html?vid=u05083r9wb5&tiny=0&auto=0"
        }, {
            "id": "3",
            "imgsrc": "./img/reload3.jpg",
            "classify": "家庭教育",
            "title": "父母该如何做好家庭教育?",
            "pubdate": "2017/10/11",
            "intro": "好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天额问题挖了阿特瓦莱塔哇额了特了他问题好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天额问题挖了阿特瓦莱塔哇额了特了他问题好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天",
            "name": "刘雅春",
            "position": "新东方前途出国留学家庭预备营负责人",
            "urlpc": "http://v.qq.com/iframe/player.html?vid=h0510tixs8h&tiny=0&auto=0"
        }
    ],
    "England": [
        {
            "id": "1",
            "imgsrc": "./img/reload1.jpg",
            "classify": "家庭教育B",
            "title": "父母该如何做好家庭教育?",
            "pubdate": "2017/10/9",
            "intro": "好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天额问题挖了阿特瓦莱塔哇额了特了他问题好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天额问题挖了阿特瓦莱塔哇额了特了他问题好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天",
            "name": "刘雅春",
            "position": "新东方前途出国留学家庭预备营负责人",
            "urlpc": "http://v.qq.com/iframe/player.html?vid=l05075dk2s4&tiny=0&auto=0"
        }, {
            "id": "2",
            "imgsrc": "./img/reload2.jpg",
            "classify": "家庭教育",
            "title": "父母该如何做好家庭教育?",
            "pubdate": "2017/10/10",
            "intro": "好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天额问题挖了阿特瓦莱塔哇额了特了他问题好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天额问题挖了阿特瓦莱塔哇额了特了他问题好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天",
            "name": "刘雅春",
            "position": "新东方前途出国留学家庭预备营负责人",
            "urlpc": "http://v.qq.com/iframe/player.html?vid=u05083r9wb5&tiny=0&auto=0"
        }, {
            "id": "3",
            "imgsrc": "./img/reload3.jpg",
            "classify": "家庭教育",
            "title": "父母该如何做好家庭教育?",
            "pubdate": "2017/10/11",
            "intro": "好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天额问题挖了阿特瓦莱塔哇额了特了他问题好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天额问题挖了阿特瓦莱塔哇额了特了他问题好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天",
            "name": "刘雅春",
            "position": "新东方前途出国留学家庭预备营负责人",
            "urlpc": "http://v.qq.com/iframe/player.html?vid=h0510tixs8h&tiny=0&auto=0"
        }
    ],
    "Canada": [
        {
            "id": "1",
            "imgsrc": "./img/reload1.jpg",
            "classify": "家庭教育B",
            "title": "父母该如何做好家庭教育?",
            "pubdate": "2017/10/9",
            "intro": "好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天额问题挖了阿特瓦莱塔哇额了特了他问题好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天额问题挖了阿特瓦莱塔哇额了特了他问题好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天",
            "name": "刘雅春",
            "position": "新东方前途出国留学家庭预备营负责人",
            "urlpc": "http://v.qq.com/iframe/player.html?vid=l05075dk2s4&tiny=0&auto=0"
        }, {
            "id": "2",
            "imgsrc": "./img/reload2.jpg",
            "classify": "家庭教育",
            "title": "父母该如何做好家庭教育?",
            "pubdate": "2017/10/10",
            "intro": "好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天额问题挖了阿特瓦莱塔哇额了特了他问题好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天额问题挖了阿特瓦莱塔哇额了特了他问题好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天",
            "name": "刘雅春",
            "position": "新东方前途出国留学家庭预备营负责人",
            "urlpc": "http://v.qq.com/iframe/player.html?vid=u05083r9wb5&tiny=0&auto=0"
        }, {
            "id": "3",
            "imgsrc": "./img/reload3.jpg",
            "classify": "家庭教育",
            "title": "父母该如何做好家庭教育?",
            "pubdate": "2017/10/11",
            "intro": "好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天额问题挖了阿特瓦莱塔哇额了特了他问题好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天额问题挖了阿特瓦莱塔哇额了特了他问题好的教育,因给I暗示地老天荒问题仍未特拉沃塔了三天",
            "name": "刘雅春",
            "position": "新东方前途出国留学家庭预备营负责人",
            "urlpc": "http://v.qq.com/iframe/player.html?vid=h0510tixs8h&tiny=0&auto=0"
        }
    ]}`;
        let obj = JSON.parse(str);
        $(".row.country>li").click(function () {
            console.log(obj[$(this).attr("id")]);
        });
    </script>
</body>

</html>

把获取到的json数据转换成js中的对象,然后任选下面一种方法:

  • 方法一:用for-in循环获取对象的key和value
var obj  = {
 name: 'xxx',
 age: 123
}
for(var i in obj){
  console.log(`${i}:${obj[i]}`) // i为key, obj[i]为value
}
  • 方法二:用Object的方法获取对象的key和value。兼容性不是很好
var obj  = {
 name: 'xxx',
 age: 123
}
// 得到的key和value都是数组类型
Object.keys(obj)
Object.values(obj)

循环啊

for(var key in obj){
  console.log(obj[key])
}
Object.keys(obj).forEach(key=>{
  console.log(obj[key])
})
$(".country li").click(function(){
  console.log(obj[this.id])
})

ajax获取到的就success:function(data){console.log(data.Americia)}

遇到 {} 使用 .属性 进行取值;
遇到 [] 使用 [数字] 循环取值。

另:把 json 文件直接拖到 Firefox 浏览器中,有惊喜。

'Americia'能获取到吧?

var flag = 'Americia';
console.log(data[flag]);
console.log(data[flag][0]['id']);

用数组方式获取就行了

我以为key就不用说了..

$('.country li').click(function(){
    var flag = $(this).attr('id');//这个就是key
});
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题