Jquery 从json解析常见问题部分

我通过从json文件中获取内容来完成这个faq部分，这是我能够实现的。 但我的困惑是如何在faq部分中集成一个“类别”标题？请分享一些如何实现它的想法

//剧本

 $.getJSON("faqs.json",function(data){
    $.each(data.posts, function(i,data){
    var faqs =
    "<dt>"+data.title+"</dt><dd>"+data.answer+"</dd>";
    $(faqs).appendTo("#faq");
    });
    });

//当前HTML输出

<dl id="faq">
<dt>Question 1?</dt><dd>faq answer 1</dd>
<dt>Question 2?</dt><dd>faq answer 2</dd>
</dl>

问题1？常见问题解答回答1
问题2？常见问题解答回答2

//预期的HTML输出应为

<dl id="faq">
<strong>Category 1</strong>
<dt>Question 1?</dt><dd>faq answer 1</dd>
<dt>Question 2?</dt><dd>faq answer 2</dd>
<strong>Category 2</strong>
<dt>Question 1?</dt><dd>faq answer 1</dd>
<dt>Question 2?</dt><dd>faq answer 2</dd>
</dl>

类别1
问题1？常见问题解答回答1
问题2？常见问题解答回答2
第2类
问题1？常见问题解答回答1
问题2？常见问题解答回答2

如何在JSON文件中集成“Category”部分，如果是，如何解析到HTML中。

---

提前感谢

将JSON输出更改为：

{
  "categories": [
    {
      "title": "Category 1",
      "posts": [ 
        { "title":"Question 1?", "answer":"faq answer 1" }, 
        { "title":"Question 2?", "answer":"faq answer 2" }
      ]
    },
    {
      "title": "Category 2",
      "posts": [ 
        { "title":"Question 1?", "answer":"faq answer 1" }, 
        { "title":"Question 2?", "answer":"faq answer 2" }
      ]
    }
  ]
}

$.getJSON("faqs.json",function(data) {
  $.each(data.categories, function(i, c) {
    var section = "<strong>" + c.title + "</strong>";
    $.each(c.posts, function(j, p) {
      section += "<dt>" + p.title + "</dt><dd>" + p.answer + "</dd>";
    });
    $(section).appendTo("#faq");
  });
});

将脚本更改为类似以下内容：

{
  "categories": [
    {
      "title": "Category 1",
      "posts": [ 
        { "title":"Question 1?", "answer":"faq answer 1" }, 
        { "title":"Question 2?", "answer":"faq answer 2" }
      ]
    },
    {
      "title": "Category 2",
      "posts": [ 
        { "title":"Question 1?", "answer":"faq answer 1" }, 
        { "title":"Question 2?", "answer":"faq answer 2" }
      ]
    }
  ]
}

$.getJSON("faqs.json",function(data) {
  $.each(data.categories, function(i, c) {
    var section = "<strong>" + c.title + "</strong>";
    $.each(c.posts, function(j, p) {
      section += "<dt>" + p.title + "</dt><dd>" + p.answer + "</dd>";
    });
    $(section).appendTo("#faq");
  });
});

$.getJSON（“faqs.json”），函数（数据）{
$.each（数据、类别、功能（i、c）{
var section=“”+c.title+””；
元。每个（c.职位，职能（j，p）{
部分+=“”+p.title+“”+p.answer+“”；
});
$（第节）。附录至（“常见问题”）；
});
});

但是，请记住，您所需的输出是无效的：strong标记不应嵌套在dl标记中

---

脚本代码的第5行出现语法错误，即使在删除它之后，我在dt dd标记中仍得到“未定义”的文本…是的，非常正确，我对此表示歉意。我现在已经更正了上面的脚本部分。你可以看到它在Genius工作！谢谢分享。这正是我要找的。