Javascript 将JSON对象子对象追加到每个div元素中

我正在做下面的演示。我如何根据需要将每天

[day-1、day-2、day-3、day-3]

玩家包装在

中装入/附加到

卡体中？因此，在这种情况下，只需加载四个
卡体


var-cars={
“第一天”：{
“玩家1-1”：“福特”，
“玩家1-2”：“宝马”
},
“第二天”：{
“玩家2-1”：“奔驰”，
“玩家2-2”：“起亚”，
},
“第三天”：{
“玩家3-1”：“丰田”，
“玩家3-2”：“马自达”，
},
“第四天”：{
“玩家4-1”：“本田”，
“玩家4-2”：“日产”，
},
}
Object.getOwnPropertyNames（cars）.forEach（（val，index）=>{
var txt=Object.values（cars[val]）；
console.log（txt）；
})
span{
背景：橙色；
颜色：#fff；
显示：内联块；
浮动：左；
填充：12px；
保证金：5px；
}
只需将HTML字符串附加到正文：


var-cars={
“第一天”：{
“玩家1-1”：“福特”，
“第1-2章”：“宝马”
},
“第二天”：{
“玩家2-1”：“奔驰”，
“玩家2-2”：“起亚”，
},
“第三天”：{
“玩家3-1”：“丰田”，
“玩家3-2”：“马自达”，
},
“第四天”：{
“玩家4-1”：“本田”，
“玩家4-2”：“日产”，
},
}
Object.getOwnPropertyNames（cars）.forEach（（val，index）=>{
var txt=Object.values（cars[val]）；
document.body.innerHTML+=`${txt}`；
});
span{
背景：橙色；
颜色：#fff；
显示：内联块；
浮动：左；
填充：12px；
保证金：5px；
}
根据需要使用Javascript/jQuery添加
：
以下是一个例子：
I您的
HTMl
-代码添加一个id为的div：

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="result"></div>

你就完了

我使用提供的代码访问JSON对象，而不进行测试。但这是另一个问题，希望您能够解决。
输出应该是什么？在每个
卡体中
，应该有
第一天
、
第二天
，还是应该有
福特、宝马
、
奔驰、起亚
…HTML结果应该是什么？如果有这两个，那就太好了，我将知道如何得到我回答的每一个问题，这对你有用吗？谢谢Jack，但这是在一个地方转储每个节点的值。我如何区分每个内容，那么@MonaCoder是什么意思？例如，
卡体
首先应该包含两个元素，如span linke
fordbwmw
，而不是
Ford，BMW
哦，好的。我会解决的。
var tds = new Array();
var j = 0;
Object.getOwnPropertyNames(cars).forEach((val, index) => {
  var txt = Object.values(cars[val]);
  tds[++j] = "<div class='card-body'>";
  tds[++j] = "<p>"+ txt.split(',')[0] +"</p>"
  tds[++j] = "<p>"+ txt.split(',')[1] +"</p>"
  tds[++j] = "</div>";
});
$("#result").append(tds.join(''));