如何在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); 
}