jquery clone()表格之后查找里边的元素

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());
 });

 

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>

 

用这个可以实现表格的复制并且动态的添加表格中的行。