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

简介: clone() 克隆匹配的DOM元素并且选中这些克隆的副本。 在想把DOM文档中元素的副本添加到其他位置时这个函数非常有用。   要做到动态添加表格,并且添加后修改表格中每一列的值,非常方便   js代码  $(function(){  var templateTr = $("#templateRow").

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>
 
用这个可以实现表格的复制并且动态的添加表格中的行。
目录
相关文章
|
3月前
|
JavaScript
jQuery - 添加元素
通过 jQuery,可以很容易地添加新元素/内容。
49 10
|
4月前
|
JavaScript 前端开发
jQuery - 添加元素
jQuery - 添加元素
26 2
|
4月前
|
JavaScript 前端开发
jQuery - 添加元素
jQuery - 添加元素
31 6
|
5月前
|
JavaScript
分别用jquery和js修改页面元素
分别用jquery和js修改页面元素
43 2
|
5月前
|
前端开发 JavaScript
jQuery改变元素的方法
jQuery改变元素的方法
29 1
|
5月前
|
JavaScript Java
分别使用java script和jQuery添加页面元素
分别使用java script和jQuery添加页面元素
37 0
|
5月前
|
JavaScript
JQuery——动态添加元素导致点击事件失效
JQuery——动态添加元素导致点击事件失效
45 0
|
7月前
|
JavaScript 前端开发 安全
安全开发-JS应用&原生开发&JQuery库&Ajax技术&加密编码库&断点调试&逆向分析&元素属性操作
安全开发-JS应用&原生开发&JQuery库&Ajax技术&加密编码库&断点调试&逆向分析&元素属性操作
|
7月前
|
JavaScript 前端开发
我如何使用jQuery动画我的元素
我如何使用jQuery动画我的元素
31 0
|
7月前
|
前端开发 JavaScript
jQuery改变元素
jQuery改变元素