如何在jquery中添加更多列

Question

我有一个代码可以为我创建一个表格，但它只会让我在一行中创建四行四行的数据。如何更改我的代码？

var table = $('<table></table>').addClass('foo'); 
for (i = 0; i < data.length; i++) { 
    var row = $('<tr></tr>').addClass('bar').html('<a href="http://www.xxx.ir/public/final.php?v=' + data[i] + '&id=' + <? php echo $id ?> +'&date=' + document.getElementById('datepicker1').value + '">' + data[i] + '</a>'); 
    table.append(row); 
} 

Answer 1

根据您想要把你列，你可以简单地使用类似的内容：

var table = $('<table></table>').addClass('foo'); 

for (i = 0; i < data.length; i++) { 
    var row = $('<tr></tr>').addClass('bar'); 

    var column1 = $('<td></td>').html('CONTENT'); 
    var column2 = $('<td></td>').html('CONTENT'); 
    var column3 = $('<td></td>').html('CONTENT'); 
    var column4 = $('<td></td>').html('CONTENT'); 

    row.append(column1); 
    row.append(column2); 
    row.append(column3); 
    row.append(column4); 

    table.append(row); 
}