/*********合同明细弹出框************/ function contractDetail(id){ $("#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选择器用法总结》