用jQuery显示json数组。每个

Question

我有一个json文件，我想从中提取数据。当json文件不在数组中时，一切正常。我想问题是我不知道如何在我的.each函数中选择正确的数据。下面是例子JSON文件：

{ 
    "chapter1": [ 
     { 
     "title":"This is the title", 
     "chapter":"1", 
     "verse":"1", 
     "text":"text goes here" 
     }, 
     { 
     "verse":"4", 
     "text":"text goes here" 
     }, 
     { 
     "verse":"6", 
     "text":"text goes here" 
     } 
    ], 

    "chapter2": [ 
     { 
     "title":"This is the title", 
     "chapter":"2", 
     "verse":"1", 
     "text":"text goes here" 
     }, 
     { 
     "verse":"4", 
     "text":"text goes here" 
     }, 
     { 
     "verse":"6", 
     "text":"text goes here" 
     } 
    ] 
} 

这里是我的循环中显示的数据：

$.getJSON(passages, function(data) { 
    $.each(data, function() { 
     $('#chapter1 h2').append(this.title); 
     $('#chapter1 h3').append(this.chapter); 
     $('#verses').append('<li><p>' + this.verse + this.text + '</p></li>');  
    }); 
}); 

当我从JSON文件中删除了“第2章”数据，比一切都运行得很好。我想显示“chapter1”的内容和“chapter2”的内容。

Answer 1

出于某种原因，它正在围绕每个元素的成员创建一个数组。假设这是一致的，您可以访问title和chapter像这样：

$("#chapter1 h2").append(this[0].title); 
$("#chapter1 h3").append(this[0].chapter); 

编辑：如果您正在创建的JSON自己，你或许应该改变它的格式是这样的：

"chapter": { 
    "title": "the title", 
    "chapter": "the chapter", 
    "verses": [ 
     {"verse": "1", "text": "text 1"}, 
     {"verse": "4", "text": "text 2"} 
    ] 
} 

这将在你的问题与$.each工作

Answer 2

json格式不正确，每章json应该看起来像这样：

"chapter1": { 
     "title":"this is the title", 
     "chapter":"1", 
     "verses":[ 
      { 
      "verse":"1", 
      "text":"some text" 
      }, 
      { 
      "verse":"2", 
      "text":"some other text" 
      }, 
     ] 
    } 

编辑： 你改变你的JSON后，你的代码看起来应该财产以后这样的：

$.getJSON(passages, function(data) { 
    $.each(data, function() { 
     $('#chapter1 h2').append(this.title); 
     $('#chapter1 h3').append(this.chapter); 
     $.each(this.verses,function(){ 
      $('#verses').append('<li><p>' + this.verse + this.text + '</p></li>');  
     }); 
    }); 
});