JQUERY+；JSON异常错误

每次我试着给每一位用餐者展示食材。午餐总是无缘无故地展示双份食材。我似乎真的找不到错误

 $('.Lunch_article').append("<h3>Ingredients</h3> <ul>");

HTML:

发件人：

您可以创建内容并将其一次插入到多个元素中：

 $( ".inner" ).append( "<p>Test</p>" );

$（“.inner”）。追加（Test
”；

每个内部元素都会获得以下新内容：

<h2>Greetings</h2>    
<div class="container">    
  <div class="inner">    
    Hello    
    <p>Test</p>    
  </div>    
  <div class="inner">    
    Goodbye    
    <p>Test</p>    
  </div>    
</div>

问候语
你好
测试

再见
测试

我相信这是你的问题，每次你打电话

$('.Lunch_article').append("<h3>Ingredients</h3> <ul>"); 

$（'.Lunch_article'）。附加（“配料
”）；

---

配料标题将附加到午餐文章的所有实例中，而不仅仅是您当前正在循环的那个实例。因此，有两篇文章，你可以在第一篇文章中打印两次成分，然后在第二篇文章中打印一次成分。要解决这个问题，您需要为每一篇午餐文章提供一个唯一的id，并只附加到该文章。

您的HTML在一个半相关的注释中是什么样子的，看起来您可能要用循环创建多个

h1

标记。根据最佳实践

h1

标签在一页上只能出现一次。。再问一次不是解决问题的方法。嘿，我已经把HTML放进去了@Patrick Q这是另一个问题，我现在想问的是，您是否能够修改JSON格式，以匹配我在您的另一个问题上提出的内容？如果是这样，我强烈建议你这样做。是的，这就是解决办法。您可以看到它在这里工作：

 $( ".inner" ).append( "<p>Test</p>" );

<h2>Greetings</h2>    
<div class="container">    
  <div class="inner">    
    Hello    
    <p>Test</p>    
  </div>    
  <div class="inner">    
    Goodbye    
    <p>Test</p>    
  </div>    
</div>

$('.Lunch_article').append("<h3>Ingredients</h3> <ul>");