.each 循环遍历 json 正文项答案

【问题标题】：.each loop through json body items.each 循环遍历 json 正文项
【发布时间】：2014-05-05 20:00:45
【问题描述】：

我将使用 jQuery .each 运算符遍历此 json 响应正文中的所有 post 元素。

{
"posts": [
    {
        "Post": {
            "post_id": "1",
            "url": "somUrl",
            "image": "",
            "body": "textbody",
            "parent_id": "0",
            "title": "title1"
        }
    },
    {
       "Post": {
            "post_id": "2",
            "url": "somUrl",
            "image": "",
            "body": "textbody",
            "parent_id": "0",
            "title": "title2"
        }
        }
    },
    {
        "Post": {
            "post_id": "3",
            "url": "somUrl",
            "image": "",
            "body": "textbody",
            "parent_id": "0",
            "title": "title3"
        }
    },
    {
        "Post": {
            "post_id": "4",
            "url": "somUrl",
            "image": "",
            "body": "textbody",
            "parent_id": "0",
            "title": "title4"
        }
    }
]}

我编写了这段代码，但它无法打印标题。它不会遍历帖子项目。

我应该怎么做才能使这段代码工作？

data是传给ajax回调函数的响应变量。

$.each(data,function(key,post){console.log(post.title)});

感谢您的帮助。

【问题讨论】：

标签： jquery json each

【解决方案1】：

您尝试访问 json 的方式是错误的。请从迭代json数组的角度思考。

试试，

$.each(data.posts , function(index,val){
   console.log(val.Post.title)
});

DEMO

【讨论】：

【解决方案2】：

在 data 的地方使用 data.posts

$.each(data.posts,function(key,val){
               console.log(val.post.title);
});

【讨论】：

【解决方案3】：

我认为这会对你有所帮助

$.each(data.posts,function(index,value){console.log(value.post.title)});

【讨论】：

【解决方案4】：

这应该可以工作，在 fiddle 上测试过：

$.each(data.posts,function(index,item){

console.log(item.Post);

});

用于访问特定属性：

console.log(item.Post.propertyName);

例如：

 console.log(item.Post.title);

【讨论】：