使用相应的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>