$("#contractDetailTab tr:gt(0)").empty();
var rowData = $("#grid-table").jqGrid('getRowData',id);
var purchaseContractOrder = rowData.purchaseContractOriginVal;
$("#orderId").html(rowData.goodsOrder);
//请求合同明细数据
$.ajax({
async:false,
cache:true,
type: "GET",
url: "goods_findPagePurchaseOrderDetail.do?purchaseContractOrder="+purchaseContractOrder, //获取json数据
success: function(result){
var result = eval('('+ result +')');
if(result.root != undefined && result.root.length > 0){
var resultContent = result.root;
for (var i = 0; i < resultContent.length; i++) {
$("#contractDetailTab").append("<tr><td>捆包号</td><td>品名</td><td>规格</td><td>材质</td><td>重量</td></tr><tr><td>"+resultContent[0][0]+"</td><td>"+resultContent[0][1]+"</td><td>"+resultContent[0][2]+"</td><td>"+resultContent[0][3]+"</td><td>"+resultContent[0][5]+"</td></tr>");
}
$("#contractDetailDiv").dialog({
autoOpen:true,
height:300,
width:450,
resizable:false,
modal:true,
});
} else {
alert("该订单合同下无明细信息！");
}
},
error: function() {
alert("获取合同明细失败")
}
});
}
这里需要注意的是，每次动态添加新的明细之前，需要将上一次的明细信息清空，即使用empty方法将上一次动态添加的tr先删除掉，然后再动态添加新的明细信息。
动态删除除第一行以外的其他tr：
$("#contractDetailTab tr:gt(0)").empty();
$("#contractDetailTab tr").not(':eq(0)').empty();动态添加tr：
$(“#contractDetailTab”).append(“<tr><td>捆包号</td><td>品名</td><td>规格</td><td>材质</td><td>重量</td></tr><tr><td>”+resultContent[0][0]+”</td><td>”+resultContent[0][1]+”</td><td>”+resultContent[0][2]+”</td><td>”+resultContent[0][3]+”</td><td>”+resultContent[0][5]+”</td></tr>”);
动态删除除第一行和最后一行以外的其他tr：
$("#contractDetailTab tr:not(:first):not(:last)").remove();更多关于jQuery相关内容感兴趣的读者可查看本站专题：《jQuery表格(table)操作技巧汇总》、《jQuery操作xml技巧总结》、《jQuery form操作技巧汇总》、《jQuery常用插件及用法总结》、《jQuery扩展技巧总结》及《jquery选择器用法总结》
