如何使用jquery在表中添加更多列

时间:2016-03-07 08:32:37

标签: jquery html

我有一个代码可以为我创建一个表,但它只需要一行我希望它能够将我的数据分成四列和四行。如何更改我的代码?

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);
}

1 个答案:

答案 0 :(得分: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);
}