javascript - jQuery 循环遍历 JSON 数组

Question

我有一个 json 数组，我通过 ajax 调用获取它并想遍历它。该数组输出类别标题和该类别中的一些数据记录。数组如下:

{"Travel":[{"title":"Beautiful title 1"},{"title":"Beautiful title 2"},{"title":"Beautiful title 3"}],"Other":[{"title":"Beautiful title 1"}]}

像这样的基本每个功能都帮不了我。

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

我希望能够输出主类别标题，并在其下显示数据记录。

例如，我希望它看起来像这样:

旅行(3 个结果):

• 漂亮的标题1
• 漂亮的标题2
• 漂亮的标题3
• 列表项

其他(1 个结果):

• 漂亮的标题1

如有任何帮助，我们将不胜感激。谢谢。

Answer 1

var data = {"Travel":[{"title":"Beautiful title 1"},{"title":"Beautiful title 2"},{"title":"Beautiful title 3"}],"Other":[{"title":"Beautiful title 1"}]};

$.each(data, function (key, value) {
  $('body').append($('<div></div>').html(key + ' (' + value.length + ' results)'));
  var list = $('<ul></ul>');
  $('body').append(list);
  $.each(value, function (index, titleObj) {
    list.append('<li>' + titleObj.title + '</li>');
    
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>