Javascript 如何在div中显示json数据

这是静态html代码

<div class="EquipmentContent row">
      <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 subSection" style="float:right;background:#dff0ff;">  
        <section class="col-xs-12 col-sm-2 cl-md-2 col-lg-2">
          <label class="equipmentHeaderlable">Name</label>
          <label class="equipmentHeaderValues">SSS</label>
        </section>
        <section class="col-xs-12 col-sm-1 cl-md-1 col-lg-1">
          <button type="button" style="display: inline-block;float:right;" class="btn btn-danger" onclick="hideEquipmentDetails()"><i class="fa fa-times"></i></button>
        </section>
      </div>
    </div>

我试图将其更改为动态的。这意味着我需要在这个div中显示json数据。所以我尝试如下

var content= response.data.filters;
$.each(content,function(i,value){                       
    $('.subSection').html("<section class='col-xs-12 col-sm-2 cl-md-2 col-lg-2'><label class='equipmentHeaderlable'>Name</label><label class='equipmentHeaderValues'>"+value.name+"</label></section>").appendTo('.EquipmentContent');

})

---

但是我没有弄清楚语法错误：参数列表错误后丢失。我做错了什么？

也许你可以写得更清楚一点，并且知道你丢失了一些东西。但我想你没有。也许您在上面的代码中缺少了其他括号。我建议您对这一部分进行评论，看看错误是否仍然存在

var content= response.data.filters;
$.each(content,function(i,value){   
      var data = "<section class='col-xs-12 col-sm-2 cl-md-2 col-lg-2'>";
      data += "<label class='equipmentHeaderlable'>Name</label>";
      data += "<label class='equipmentHeaderValues'>"+value.name+"</label></section>";    
      $('.subSection').html(data).appendTo('.EquipmentContent');

});

---

伙计们，我通过将所有单个“改为”和所有“改为”来动态获取数据，但不使用.html。它将只追加当前值。所以请尝试使用.append

---

是的，如果我评论，这意味着代码的其他部分工作正常。您可以查看页面源代码并查看内容变量中存在的内容吗？您使用“而不是字符串”引入了错误。根据这一点，每个变量的唯一参数是一个函数。上面的代码有2个字符。会是这样吗？内容变量的可能值是多少？您可以尝试像$content.eachfunctioni，value{}@代码爱好者，他正在使用这个替代方案，所以他的代码是正确的哦。我懂了。但这很奇怪。我在这里看不到缺少的内容。：-：-我的代码有什么问题吗？您发布的代码中没有缺少括号。请出示一张演示问题的图片以获得答案。这不是问题的答案。你应该更新你的问题，而不是发布答案。

$('.subSection').append('<section class="col-xs-12 col-sm-2 cl-md-2 col-lg-2"><label class="equipmentHeaderlable">Name</label><label class="equipmentHeaderValues">'+value.name+'</label></section>');