Javascript 如何在foreach JSON数组中复制html div

Javascript 如何在foreach JSON数组中复制html div,javascript,json,Javascript,Json,我有一个包含五个Json对象的Json数组,它们有title、description和date属性 所有信息都应该显示在缩略图中 我已经用HTML创建了一个缩略图布局 如何在处理五个Json数组时复制缩略图 我可以在工作中使用JavaScript或JQuery,我需要与angular*ngFor相同的功能 我希望有人能帮助我使用jQuery的.clone()复制缩略图容器,完成json数据,然后使用.append()为cicle生成字符串并将其附加到Dom var arr = JSON.pars

我有一个包含五个Json对象的Json数组,它们有title、description和date属性

所有信息都应该显示在缩略图中 我已经用HTML创建了一个缩略图布局

如何在处理五个Json数组时复制缩略图

我可以在工作中使用JavaScript或JQuery,我需要与angular*ngFor相同的功能


我希望有人能帮助我

使用jQuery的
.clone()
复制缩略图容器,完成json数据,然后使用
.append()
为cicle生成字符串并将其附加到Dom

var arr = JSON.parse('[{"name": "John" }]');
var html = '';
for(var i=0, length = arr.length; i < length; i++ ) {
  html+='<div>' + arr[i].name + '</div>';
}
$('#someContainer').append(html);
var arr=JSON.parse(“[{”name:“John”}]”);
var html='';
对于(变量i=0,长度=arr.length;i
此外,您还可以使用一些模板引擎,例如,或任何其他您可以找到的,这将使解决方案更有效,但您将不得不包括额外的第三方来源