単純な JSON 配列をループして、jQuery でコンテンツを表示しようとしています。私のJSONデータは次のとおりです。
{
"cards":[
{
"title":"cat",
"spanishWord":"gato"
},
{
"title":"dog",
"spanishWord":"perro"
}
]
}
私が使用しているjQueryは次のとおりです。
var jqxhr = $.getJSON("http://www.myurl.com/cards.js", function (data) {
$.each(data.cards, function (i, item) {
$(".list").append("<li id='" + cards[i].title + "'>" + cards[i].title + cards[i].spanishWord + "</li>");
});
});
問題は私の各ステートメントにあると確信していますが、何が間違っているのかわかりません。