Javascript 显示来自循环的所有数据

我能够成功地从数据库中获取所有数据，但仅显示数组中的最后一项。我做错了什么

HTML

---

您必须动态创建新标签并向其添加fb.name，否则将替换所有值，直到最后一个值

success:function(result) { 
       $.each(result, function (i, fb) {
          $("#outerDiv").append('<label>'+fb.name+'</label>');  
       });
}

---

这样可以替换标签文本，而不是创建标签。您要查找的内容如下：

<div class="panel" id="labels_cotainer">
  <label for="myvalue">
  <input type="checkbox" id="myvalue" />
  <span>Label text x</span></label>
</div>

 $.ajax({
    type: "GET",
    url: "/dashboard/ajax=?id=" +id,
    data:{ 
       id: $(this).val(), 
       access_token: $("#access_token").val()   
    },
    success:function(result) { 
       $.each(result, function (i, fb) {
          $("#labels_cotainer").append('<label>'+fb.name+'</label>');  
       }
    }
 });

---

这段代码将把每个标签附加到面板上

它实际上并没有执行我想要的，尽管我知道你的想法。现在发生的是，当我发出ajax请求时，这些项会不断重复。因此，如果每次触发请求时我都有john，它会生成john的副本，面板中只有一个复选框我也更新了html。该复选框仅显示一次，而不是针对每个项目

success:function(result) { 
       $.each(result, function (i, fb) {
          $("#outerDiv").append('<label>'+fb.name+'</label>');  
       });
}

<div class="panel" id="labels_cotainer">
  <label for="myvalue">
  <input type="checkbox" id="myvalue" />
  <span>Label text x</span></label>
</div>

 $.ajax({
    type: "GET",
    url: "/dashboard/ajax=?id=" +id,
    data:{ 
       id: $(this).val(), 
       access_token: $("#access_token").val()   
    },
    success:function(result) { 
       $.each(result, function (i, fb) {
          $("#labels_cotainer").append('<label>'+fb.name+'</label>');  
       }
    }
 });