JQuery实现追加表格，不使用拼接html方式

标签：需要   序号   格式   ast   for   json   last   cti   计算   

以下为本人原创，转载请注明出处。

/*
* 向表格中追加行
*
* @param tableId 需追加table的ID @param tableRowData
* 追加行的数据（Json格式，需要按照列的顺序排放且都已经Format完毕）
*
* @return 无
*
*/
function addTableRow(tableId, tableRowData) {
var insertTr = $(‘#‘ + tableId + ‘ tr:last‘).clone(true);
var jsonArray = eval("(" + tableRowData + ")");
// 设定序号
var tableLength = $("#" + tableId).find("tr").length;
insertTr.children(‘td‘).eq(0).html(tableLength + 1);
// 将json数据循环追加到表的每一列
var i = 1;
for ( var jsonUnit in jsonArray) {
insertTr.children(‘td‘).eq(i).html(jsonArray[jsonUnit]);
i++;
}
$(‘#‘ + tableId + ‘ tr:last‘).after(insertTr);
}

/*
* 更新Table中某行的数据
*
* @param tableId 需追加table的ID @param rowNum 需更新table的行号（默认从1开始计算即可） @param
* tableRowData 追加行的数据（Json格式，需要按照列的顺序排放且都已经Format完毕）
*
* @return 无
*
*/
function uptTableRow(tableId, rowNum, tableRowData) {
var uptTr = $(‘#‘ + tableId + ‘ tr:‘ + rowNum);
var jsonArray = eval("(" + tableRowData + ")");
// 将json数据循环追加到表的每一列
var i = 1;
for ( var jsonUnit in jsonArray) {
uptTr.children(‘td‘).eq(i).html(jsonArray[jsonUnit]);
i++;
}
}

JQuery实现追加表格，不使用拼接html方式

标签：需要   序号   格式   ast   for   json   last   cti   计算   

原文地址：http://www.cnblogs.com/weijieyun/p/6050410.html