Javascript 将Json对象转换为html

我在显示这些Json对象时遇到一些困难

<section class="hero" style="background-image: url(./images/hero.png)">
        <div class="wrapper">
            <div class="row row-big">
                <div class="col-1"></div>
                <div class="col-10">
                    <h1 class="title">
                        Lorem ipsum dolor sit amet, 
                        consectetur adipiscing elit
                    </h1>
                </div>
                <div class="col-1"></div>
            </div>
            <div class="row row-small">
                <div class="col-12">
                    <h1 class="title">
                        Lorem ipsum dolor sit amet, 
                        consectetur adipiscing elit
                    </h1>
                </div>
            </div>
            <div class="row">
                <div class="col-12">
                    <!--Icon missing instead of img--><button type="button" class="btn" style="background-image: url ('./images/button_arrow_white.png')">Sign up now</button>
                </div>
            </div>
        </div>

我尝试了很多次不同的循环，但总是一样的。

---

我似乎找不到我的错误。当我从HTML中删除文本时，我什么也得不到。有什么建议吗？

将

的
修改为：

//THIS ONE 
for (title in obj.row.col){
    $('.col-10.title').text(obj.row.col[title]);
}

通过嵌套循环，可以实现所需的功能


var json='{“行”：{“列”：{“标题”：“Lorem ipsum dolor sit amet，concetetur adipising elit”}
$（文档）.ready（函数（）{
var obj=JSON.parse（JSON）；
主数据（obj）；
函数mainDivData（obj）{
对于（obj中的var行）{
for（对象[行]中的var列）{
var title=obj[行][col]。title；
$（'.col-10.title'）。文本（title）；
}
}
}
});

测验
Lorem ipsum dolor sit amet，
献祭精英
现在就报名吧
好的，第一个问题是
（'.col-10.title'）
。。。我没有两个班之间的空间。第二个问题是，我将要深入循环

for (i in obj.row.col){
            $('.col-10 .title').text(obj.row.col[i]);
        }

这就解决了问题。
这是一个对象而不是数组，您不需要任何循环。obj.row.col.title将获得您的标题。假设您将在那里有更多的行和列，那么您可能需要考虑更改数据的格式。
for (i in obj.row.col){
            $('.col-10 .title').text(obj.row.col[i]);
        }