jquery - 使用 jquery 填充 html 表

Question

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

这是我的表格代码 html

  <table border="1">
<tr>
<th>Header 1</th>
<th>Header 2</th>
</tr>

这里我需要用 jQuery 附加 tr

<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table> 

用jquery可以吗？如果是这样，请指导我。如果我可以填充那么我可以这样做

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

请指导谢谢

Answer 1

编辑基于评论:

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

示例如下:JSFiddle