使用jquery从较少的代码中获取JSON中的数据

Question

我想获取JSON数据并将其附加到div元素。

这是我的JSON数据：

var data = [{
    "headTitle": "Head_title",
    "head":[
        ["Data", "Data","Data"],
        ["Data","b","c"],
        ["Data","b","c"],
        ["Data","b","c"],
        ["Data","b","c"],
        ["Data","b","c"]
    ],

"tableInfo": [{
    "tableData1": [{
            "col1Text": "tableData1 col1Text Data",
            "col2Text": "tableData1 col2Text Data",
            "col3Text": "tableData1 col3Text Data"
        }, {
            "col1Text": "tableData1 col1Text Data",
            "col2Text": "tableData1 col2Text Data",
            "col3Text": "tableData1 col3Text Data"
        }, {
            "col1Text": "tableData1 col1Text Data",
            "col2Text": "tableData1 col2Text Data",
            "col3Text": "tableData1 col3Text Data"
        }, {
            "col1Text": "tableData1 col1Text Data",
            "col2Text": "tableData1 col2Text Data",
            "col3Text": "tableData1 col3Text Data"
        }],
        "tableData2": [{
            "col1Text": "tableData2 col1Text Data",
            "col2Text": "tableData2 col2Text Data",
            "col3Text": "tableData2 col3Text Data"
        }, {
            "col1Text": "tableData2 col1Text Data",
            "col2Text": "tableData2 col2Text Data",
            "col3Text": "tableData2 col3Text Data"
        }, {
            "col1Text": "tableData2 col1Text Data",
            "col2Text": "tableData2 col2Text Data",
            "col3Text": "tableData2 col3Text Data"
        }, {
            "col1Text": "tableData2 col1Text Data",
            "col2Text": "tableData2 col2Text Data",
            "col3Text": "tableData2 col3Text Data"
        }],
        "tableData3": [{
            "col1Text": "tableData3 col1Text Data",
            "col2Text": "tableData3 col2Text Data",
            "col3Text": "tableData3 col3Text Data"
        }, {
            "col1Text": "tableData3 col1Text Data",
            "col2Text": "tableData3 col2Text Data",
            "col3Text": "tableData3 col3Text Data"
        }, {
            "col1Text": "tableData3 col1Text Data",
            "col2Text": "tableData3 col2Text Data",
            "col3Text": "tableData3 col3Text Data"
        }, {
            "col1Text": "tableData3 col1Text Data",
            "col2Text": "tableData3 col2Text Data",
            "col3Text": "tableData3 col3Text Data"
        }]

    }];

在上面的代码中。我添加了一些信息，我想使用jquery在新行中插入tableData1，tableData2，tableData3。

任何人都可以建议我，如何使用较少的编码（即2或3个循环）来获取JSON数据。