使用jquery填充html表

假设我有表，我想通过jquery在表中间追加数据。

这是我的表格代码html

  在这里我需要用jQuery追加tr 
 
 
 
Header 1
 
Header 2
 
 

 
row 2, cell 1
 
row 2, cell 2
 
 
 

用jquery有可能吗？ 如果是的话请指导我。 如果我可以填充，那么我可以做

 for (var i = 0; i < data.d.length; i++) { $("#NamesGridView").append("" + data.d[i].FirstName + "" + data.d[i].Age + ""); } } 

请指导谢谢

Answer 1

根据评论编辑 ：

 $('#thetable tr').not(':first').not(':last').remove(); var html = ''; for(var i = 0; i < data.d.length; i++) html += '' + data.d[i].FirstName + '' + data.d[i].Age + ''; $('#thetable tr').first().after(html); 

这里的例子： JSFiddle

Answer 2

Code下面将用jquery填充html表。

  $.ajax({ type: "POST", url: "/users/index/friendsnamefromids", data: "IDS="+requests, dataType: "json", success: function(response){ var name = response; //Important code starts here to populate table var yourTableHTML = ""; jQuery.each(name, function(i,data) { $("#tablefriendsname").append("" + data + ""); }); } }); 

Answer 3

如果要在for循环中添加数据，则首先构建字符串然后在一次调用中添加所有字符串会更高效。

 var newRows = ""; for (var i = 0; i < data.d.length; i++) { newRows += "" + data.d[i].FirstName + "" + data.d[i].Age + ""; } $("table tr:first").after(newRows); 

Answer 4

 $("table tr:first").after("row 1, cell 1row 1, cell 2") 

基本上使用after()或before()使用右选择器

现场演示

Answer 5

将id NamesGridView添加到第一个tr

 
 
 
Header 1
 
Header 2
 
 
 
row 2, cell 1
 
row 2, cell 2
 
  

并将append更改为after 。

 for (var i = 0; i < data.d.length; i++) { $("#NamesGridView").after("" + data.d[i].FirstName + "" + data.d[i].Age + ""); } 

另见我的jsfiddle 。