首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >使用jquery的JSON循环

使用jquery的JSON循环
EN

Stack Overflow用户
提问于 2011-07-01 08:08:03
回答 2查看 2.6K关注 0票数 2

在阅读了这里的一些问题后,我仍然很难遍历我的JSON结果。下面是它们:

代码语言:javascript
复制
{
    "data": {
        "posts": [
            {
            "Post": {
                "id": "1",
                "user_id": "1",
                "title": "Test Content",
                "created": "2011-06-30"
                }
            },
            {
                "Post": {
                "id": "2",
                "user_id": "2",
                "title": "New Test Content",
                "created": "2011-06-30"
                }
            }
        ]
    }
}

如何使用$.each()获取Post.title?

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2011-07-01 08:11:25

代码语言:javascript
复制
$.each(jsonObject.data.posts, function(index, val){
    alert(val.Post.title); //Do what you want to the title
});
票数 6
EN

Stack Overflow用户

发布于 2011-07-01 08:20:15

下面是一个使用jsFiddle的示例。

输出值的目标示例:

代码语言:javascript
复制
<div id="output"></div>

对对象的jQuery调用,遍历"posts“。

代码语言:javascript
复制
/* Create an Object from your JSON data, added based on comment about return results via URL */
var dataObj = JSON.parse(<put your JSON data here>);

$.each(dataObj.data.posts, function(idx, val) {
    /* Show ID */
    $('#output').append($('<p></p>').html('ID = ' + val.Post.id));   

    /* Show Title */
    $('#output').append($('<p></p>').html('Title = ' + val.Post.title));   
});
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/6542378

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档