用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>');  
     }); 
    }); 
});