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

时间:2022-05-04
本文章向大家介绍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>

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

随机文章
Javascript知识点必读
最近更新