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

从html.join属性创建一个表

1 个答案: