Question

我正在尝试使用jquery生成动态表。所以坚持附加追加。需要写这样的东西。但当然它有错误的语法：）

  var $tbl = $('<table>').attr('id', 'basicTable');
  $tbl.append($('<tr>').for(var i = 0; i < 10; i++){($('<td>')});

$('body').append($tbl);

Answer 1

尝试以下方法：

var $tr = $('<tr></tr>');
var i;
for (i = 0; i < 10; i++) {
    $tr.append('<td></td>');
}
var $tbl = $('<table></table>').attr('id', 'basicTable');
$tbl.append($tr);

$('body').append($tbl);

See here for jsFiddle

Answer 2

这应该这样做 -

var cont = [];
for (var i = 0;i<10;i++) cont.push('<td></td>');
var $tbl = $('<table>').attr('id', 'basicTable');
$tbl.append('<tr>' + cont.join('') + '</tr>');

演示 - http://jsfiddle.net/yeYWP/

有关通过jQuery添加相同类型的多个元素的更多方法，请参阅此问题 - How should I add multiple identical elements to a div with jQuery

Answer 3

以下是使用较少变量的方法：

var row = $('<tr />');
for(var i = 0; i < 10; i++)
    row.append('<td />');

$('body').append(
    $('<table />').attr('id', 'basicTable').append(row);
);

将迭代生成的td-s附加到附加的tr

3 个答案: