复制表格某行

第一步:定义一个复制对象
    <div style="display: none">
   <table>
  <tr id="isCopyedTr" >
<td>
<div></div>
<input type="hidden" id="billingSettlementsDetailId" name="billingSettlementsDetailId" value=""/>
<input type="hidden" id="eachChargeItemId" name="eachChargeItemId" value=""/>
<input type="hidden" id="eachBillingPolicieId" name="eachBillingPolicieId" value=""/>
<input type="hidden" id="eachStoreJobDetailId" name="eachStoreJobDetailId" value=""/>
</td>
<td>
<a href="javascript:void" onclick ="deleteBillingSettlementDetail(this)">删除</a>
</td>
<td>
</td>
<td>
<div></div>
<input type="hidden" id="chargeMantissadisposal" name="chargeMantissadisposal" value=""/>
</td>
<td>
<div class="JRchange">
<em>￥</em><input value="" name="price" onkeyup="calculateReceivableMoney(this,'price')"  onblur="calculateReceivableMoney(this,'price')"   class="form_input fixed_10em mihi" />
</div>
</td>
<td>
<div class="JRchange ml20 clearfix">
<input value="0" onkeyup="calculateReceivableMoney(this,'quantity')"  onblur="calculateReceivableMoney(this,'qty')" name="quantity" class="form_input fixed_5em fl ar mihi" />
<em><div class="fl"></div><input type="hidden" id="eachUomVolue" name="eachUomVolue" value=""/></em>
</div>
</td>
<td>
<div class="JRchange">
<em>￥</em>
<input value="0" disabled="disabled" name="receivableSubtotalText" class="form_input fixed_5em mihi" />
<input value="0" type="hidden" name="receivableSubtotal" class="form_input fixed_5em"/>
</div>
</td>
<td>
<div class="JRchange">
<em>￥</em><input value="0" onkeyup="computeSumData()"  onblur="computeSumData()" name="paidinSubtotal" class="form_input fixed_5em mihi" />
</div>
</td>
</tr>
   </table>
  </div>

第二步：给复制的表格某行赋值
//重新加载需要先移除原先的费用明细
removeBillingSettlementsDetailTable();
var billingSettlementDetailList = billingSettlements.billingSettlementDetailList;
$(billingSettlementDetailList).each(function(i, item){
var $owTr = $("#isCopyedTr");
var newRow = $owTr.clone();
newRow.attr("trflag","trflag");
newRow.attr("id",item.id);
newRow.children().eq(0).find("div").html(i+1);
newRow.children().eq(0).find("input[name=billingSettlementsDetailId]").val(item.id);
newRow.children().eq(0).find("input[name=eachChargeItemId]").val(item.chargeItemId);
newRow.children().eq(0).find("input[name=eachBillingPolicieId]").val(item.billingPolicieId);
newRow.children().eq(0).find("input[name=eachStoreJobDetailId]").val(item.storeJobDetailId);
newRow.children().eq(3).find("div").html(item.mantissaDisposalText);
newRow.children().eq(3).find("input[name=chargeMantissadisposal]").val(item.mantissaDisposal);
newRow.children().eq(4).find("input[name=price]").val(item.price);

newRow.children().eq(5).find("input[name=quantity]").val(item.quantity);
newRow.children().eq(5).find("input[name=eachUomVolue]").val(item.uomVolue);
newRow.children().eq(5).find("em div").html(item.uomVolue);

newRow.children().eq(6).find("input[name=receivableSubtotal]").val(item.receivableSubtotal);
newRow.children().eq(6).find("input[name=receivableSubtotalText]").val(item.receivableSubtotal);

newRow.children().eq(7).find("input[name=paidinSubtotal]").val(item.paidinSubtotal);

newRow.insertBefore($("#sumData"));
    });

//移除费用明细
function removeBillingSettlementsDetailTable(){
$("#settlementDetailInfo").find("tr[trflag=trflag]").each(
function(){
$(this).remove();
}
);
}