使用 jQuery 循环遍历 JSON 数组

Question

我正在尝试遍历一个简单的 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>");
        });
    });

我很确定问题出在我的每个陈述中，但我不知道哪里出了问题。

Answer 1

问题出在循环内部，您使用cards[i] 而不是data.cards[i]。

您也可以使用item 代替data.cards[i]。