如何使用 jQuery 搜索 JSON 树

发布于03月13日

I have a question about searching the JSON for the specific information. For example, I have this JSON file:

 {
    "people": {
        "person": [
            {
                "name": "Peter",
                "age": 43,
                "sex": "male"
            }, {
                "name": "Zara",
                "age": 65,
                "sex": "female"
            }
        ]
    }
}

我的问题是，如何通过jQuery找到特定的人并显示该人的年龄？例如，我想在JSON中搜索一个名为Peter的人，当我找到一个匹配项时，我想显示有关该匹配项的附加信息(在本例中是关于名为Peter的人)，例如人的年龄.

推荐答案

var json = {
    "people": {
        "person": [{
            "name": "Peter",
            "age": 43,
            "sex": "male"},
        {
            "name": "Zara",
            "age": 65,
            "sex": "female"}]
    }
};
$.each(json.people.person, function(i, v) {
    if (v.name == "Peter") {
        alert(v.age);
        return;
    }
});

Example.

Based on this answer, you could use something like:

$(function() {
    var json = {
        "people": {
            "person": [{
                "name": "Peter",
                "age": 43,
                "sex": "male"},
            {
                "name": "Zara",
                "age": 65,
                "sex": "female"}]
        }
    };
    $.each(json.people.person, function(i, v) {
        if (v.name.search(new RegExp(/peter/i)) != -1) {
            alert(v.age);
            return;
        }
    });
});

Example 2

Jquery相关问答推荐

使用带有 bootstrap 验证的 Ajax 函数时出现问题

如何使用 jQuery 搜索 JSON 树

推荐答案

Jquery相关问答推荐

使用带有 bootstrap 验证的 Ajax 函数时出现问题

使用 jQuery 时何时/为什么要在变量前加上$？

自动完成时触发的任何事件？

递归循环遍历对象(树)

Twitter Bootstrap 是否包含 jQuery？

如何在 bootstrap 模式关闭并重新打开时重置 bootstrap 模式？

使用 JSONP 时如何捕获 jQuery $.getJSON(或数据类型设置为jsonp的 $.ajax)错误？

jQuery从字符串中删除字符串

使用 jQuery 按文本内容 Select 选项

在 Javascript 中，字典理解或 Object `map`

延期与promise

在 JQuery .trigger 上传递参数

如何检测是否安装了 Flash，如果没有，显示一个隐藏的 div 通知用户？

.apply jQuery 函数是什么？

判断 JS 对象中是否存在键

jQuery：如何创建一个简单的叠加层？

如果一个元素正在被动画，我如何用 jQuery 找出？

在 Firefox 上开发的 Javascript 在 IE 上失败的典型原因是什么？

使用 Ajax 下载并打开 PDF 文件

使用 jQuery/Javascript 防止任何形式的页面刷新