用jquery填充html表
用jquery填充html表
提问于 2011-08-25 19:41:42
假设我有一个表，我想通过jquery在表的中间追加数据。
这是我的表代码html
<table border="1">
<tr>
<th>Header 1</th>
<th>Header 2</th>
</tr>这里我需要在tr后面加上jQuery
<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>");
}
}请指点，谢谢
回答 5
Stack Overflow用户
回答已采纳
发布于 2011-08-25 19:52:14
基于评论的编辑：
$('#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
Stack Overflow用户
发布于 2012-04-05 14:29:58
下面的代码将使用jquery填充html表。
<table id="tablefriendsname">
<tbody>
</tbody>
</table>
$.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("<tr><td>" + data + "</td></tr>");
});
}
});Stack Overflow用户
发布于 2011-08-25 19:53:47
如果要在for循环中添加数据，那么首先构建字符串，然后在一个调用中将其全部添加，这将是更好的性能。
var newRows = "";
for (var i = 0; i < data.d.length; i++) {
newRows += "<tr><td>" + data.d[i].FirstName +
"</td><td>" + data.d[i].Age + "</td></tr>";
}
$("table tr:first").after(newRows);页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/7196238
复制相关文章
相似问题
腾讯云开发者
