我有以下 HTML,我想在 div 容器 (.container) 中重复 5 次。
<div class="block">
<div class="name">Name</div>
<div class="content>Content</div>
</div>
我有以下对象文字:
var main_content = {
"content_1": {
"name": "Joe",
"position": "Baker"
},
"content_2": {
"name": "Jane",
"position": "Waitress"
}
"content_3", etc
}
我想克隆顶部的 HTML 并为每个块,将名称和内容更改为其各自的对象文字项。所以我希望 HTML 的输出如下所示。我怎样才能做到这一点?
<div class="block">
<div class="name">Joe</div>
<div class="position>Baker</div>
</div>
<div class="block">
<div class="name">Jane</div>
<div class="position>Waitress</div>
</div>
...