Question

I m trying to generate dynamic table with jquery. So stuck on appending in appending. Need to write something like this. But of course it have wrong syntax :)

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

此处为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> );

Demo -

See this question for further methods on Additional multi elements of same category through j Query - 我如何在四舍五入/ery之间添加多个相同的内容。

Answer 3

这里,如何用较少变量来做到这一点:

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

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

友情链接