前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >jquery clone()表格之后查找里边的元素

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

作者头像
cloudskyme
发布2018-03-20 14:24:02
1.2K0
发布2018-03-20 14:24:02
举报
文章被收录于专栏:cloudskymecloudskyme

clone()

克隆匹配的DOM元素并且选中这些克隆的副本。

在想把DOM文档中元素的副本添加到其他位置时这个函数非常有用。

要做到动态添加表格,并且添加后修改表格中每一列的值,非常方便

js代码

代码语言:javascript
复制
 $(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代码

代码语言:javascript
复制
    <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>

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

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2011-05-09 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • clone()
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档