使用相应的 json 数据对象填充 html div

Question

如何使用 jquery/javascript（循环和 switch case）从外部文件（div 标签、css 类和 json 对象名称相同）填充嵌套 html div 的数量。 我对 html 和 json 结构给出了一个模糊的概念。

    div1
     div1.1
      div1.1.1
      div1.1.2
      div1.1.3

  json array
   [
    1
    {
      1.1
      {[
        1.1.1
        1.1.2
        1.1.3
        ]
       }
       }
     ]

Answer 1

<script>
$(document).ready(function() {
var str = "";
//object that contain your JSON
var jsonObj;
//first iteration
$.each(jsonObj,function(i,data){
//here you will create div1
str = str + '<div1>';
    $.each(data.jsonObj1.1,function(j,data){
        str = str + '<div1.1>';
        $.each(data.jsonObj1.1,function(k,data){
        str = str + '<div1.'+k+1+'>';
        });
    });
});

});
</script>