jquery - 从 html.join 属性创建一个表

Question

我正在尝试从这段代码创建一个表.. 但我不知道如何切片数据，所以我可以把 html 标签放在那里..

var d = []; $(document).ready(function() {
    $('#geta').click(getData);
    $('#dispa').click(displayData); });

function getData(e, n) {
    $.ajax({
        url: 'Default.aspx'
                , cache: false
                , context: document.body
                , dataType: 'script'
    }).done(function(msg) {
        $('#dataArea').html(msg);        
    }); }

function displayData(e, n) {
    $('#displayArea').html(d.join(''); }

数据是

d =[['a','b','c','d'],['a','b','c','d'],['a','b','c','d'],['a','b','c','d']]

到目前为止..使用该代码， 我只设法得到

a,b,c,da,b,c,da,b,c,da,b,c,d

我想要的是

-------------
=============
a | b | c | d
-------------
=============
a | b | c | d
-------------
=============
a | b | c | d
-------------
=============
a | b | c | d
-------------
=============

在这里做一个表格布局是相当困难的..

Answer 1

试试这个:

var d = [['a','b','c','d'],['a','b','c','d'],['a','b','c','d'],['a','b','c','d']];

var trtd = d.map(function (e) {          // map each array of array
    return '<tr>' + e.map(function (x) { // map each values of array
        return '<td>' + x + '</td>';
    }) + '</tr>';
});

$('#displayArea').html(trtd);

DEMO