Jquery 使用嵌套json数据创建动态表

Jquery 使用嵌套json数据创建动态表,jquery,html,Jquery,Html,我有一个嵌套的json文件。使用这些数据,我想创建一个动态html 使用jQuery的表使用$。每个循环 这里的每一行都是一个包含三种语言的类别。 能够为简单的json数据使用getJSON方法完成 [{ "CategoryId": 1, "CategoryTexts": [{ "LanguageId": 1, "Descriptio

我有一个嵌套的json文件。使用这些数据,我想创建一个动态html 使用jQuery的表使用$。每个循环

这里的每一行都是一个包含三种语言的类别。 能够为简单的json数据使用getJSON方法完成

  [{
                "CategoryId": 1,
                "CategoryTexts": [{
                        "LanguageId": 1,
                        "Description": "Netus.",
                        "CreatedById": 1
                    },
                    {
                        "LanguageId": 2,
                        "Description": "Elementum.",
                        "CreatedById": 2
                    },
                    {
                        "LanguageId": 3,
                        "Description": "Rhoncus!",
                        "CreatedById": 3
                    }
                ],
                "CreatedById": 1,
                "IsActive": true
            },
            {
                "CategoryId": 2,
                "CategoryTexts": [{
                        "LanguageId": 1,
                        "Description": "Aptent!",
                        "CreatedById": 4
                    },
                    {
                        "LanguageId": 2,
                        "Description": "Et.",
                        "CreatedById": 5
                    },
                    {
                        "LanguageId": 3,
                        "Description": "Pellentesque.",
                        "CreatedById": 6
                    }
                ],
                "CreatedById": 2,
                "IsActive": true
            }            
        ]
表格标题应为:

<th>Language 1</th>
<th>Language 2</th>
<th>Language 3</th>
语言1
语言2
语言3

您可以尝试以下方法:

objJson = JSON.parse(json);
    $.each(objJson , function(i, obj) {
          $("#myTable tbody").append("<tr><td>" + obj.CategoryTexts[0] + "</td><td class='job'>" + obj.CategoryTexts[1] + "</td><td class='id'>" + obj.CategoryTexts[1] + "</td></tr>");
});
objJson=JSON.parse(JSON);
$.each(objJson,函数(i,obj){
$(“#myTable tbody”).append(“+obj.CategoryTexts[0]+”+obj.CategoryTexts[1]+”+obj.CategoryTexts[1]+”);
});

根据Json对象中的任何内容进行调整

您可以迭代数据

var数据=[{
“类别”1,
“类别文本”:[{
“语言ID”:1,
“说明”:“Netus.”,
“CreatedById”:1
},
{
“语言ID”:2,
“说明”:“元素”,
“CreatedById”:2
},
{
“语言ID”:3,
“描述”:“Rhoncus!”,
“CreatedById”:3
}
],
“CreatedById”:1,
“IsActive”:正确
},
{
“类别”2,
“类别文本”:[{
“语言ID”:1,
“描述”:“Aptent!”,
“CreatedById”:4
},
{
“语言ID”:2,
“说明”:“等”,
“CreatedById”:5
},
{
“语言ID”:3,
“描述”:“佩伦茨克”,
“CreatedById”:6
}
],
“CreatedById”:2,
“IsActive”:正确
},
{
“类别”:3,
“类别文本”:[{
“语言ID”:1,
“描述”:“梅特斯”,
“CreatedById”:7
},
{
“语言ID”:2,
“说明”:“Quis?”,
“CreatedById”:8
},
{
“语言ID”:3,
“说明”:“Rhoncus.”,
“CreatedById”:9
}
],
“CreatedById”:3,
“IsActive”:正确
}            
];
var columns=“”
data.forEach(函数(e){
变量列=“”+e.CategoryTexts[0]。描述+“”+e.CategoryTexts[1]。描述+“”+e.CategoryTexts[2]。描述+“”;
列+=列;
});
变量表=$(“语言1语言2语言3”+
列+“”);
$('body')。追加(表);

你的问题是什么?@Rorymcrossan“为我写一个解决方案”可能是:D