clone()
克隆匹配的DOM元素并且选中这些克隆的副本。
在想把DOM文档中元素的副本添加到其他位置时这个函数非常有用。
要做到动态添加表格,并且添加后修改表格中每一列的值,非常方便
js代码
$(function(){
var templateTr = $("#templateRow").clone();
var firstTd = templateTr.find("td:eq(0)");
var secondTd = templateTr.find("td:eq(1)");
firstTd.html("helloworld")
alert(secondTd.html());
});
var templateTr = $("#templateRow").clone();
var firstTd = templateTr.find("td:eq(0)");
var secondTd = templateTr.find("td:eq(1)");
firstTd.html("helloworld")
alert(secondTd.html());
});
html代码
<table id="tableId" width="100%" border="0" cellspacing="0" cellpadding="0" class="common-table" height="10">
<tr id="templateRow" style="display:none;">
<td width="15%">源系统</td>
<td width="15%">方向</td>
<td width="15%">目标系统</td>
<td width="55%">报文信息</td>
</tr>
</table>
<tr id="templateRow" style="display:none;">
<td width="15%">源系统</td>
<td width="15%">方向</td>
<td width="15%">目标系统</td>
<td width="55%">报文信息</td>
</tr>
</table>
用这个可以实现表格的复制并且动态的添加表格中的行。