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>

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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏前端说吧

Vue - 实战疑点总结

30370
来自专栏Android干货

安卓开发_时间、日期选择器的简单使用

32970
来自专栏云加头条

如何开通微信公众号同步?(微信打开)

1. .点击右上角按钮「. . .」,选择在浏览器中打开网页

60880
来自专栏Android干货

小程序实践(四):动态控制组件的显示/隐藏

组件有个属性:hidden='' ,值为true/false ,当false的时候说明不隐藏,当true的时候说明隐藏,注意该隐藏是不保留组件位置的。

12520
来自专栏coding

引用第三方样式库实现动画

animate.css是一个能渲染出炫酷效果的css库,只需引用该css库,在相应的元素上加上class类名,即可实现。

8010
来自专栏九彩拼盘的叨叨叨

浏览器默认样式

浏览器都拥有一套自己的默认样式。 浏览器之所以有默认样式表,是为了没有样式表的页面也能凑活着看。 不同浏览器;以及版本不同的浏览器的默认样式一般都是不同的。

8220
来自专栏React Native开发圈

React Native 弹出框组件

npm install--save react-native-popup-dialog

15610
来自专栏极乐技术社区

微信小程序开发详解《四》页面生命周期和参数传递

1:页面的生命周期 在初始页面:index.js中增加如图所示代码 ? 点击“编译”后,运行这个小程序:日志如下图所示:初始页面index.js启动会从app,...

21080
来自专栏无原型不设计

【Mockplus教程】页面属性

每个页面都具有独自的属性,通过页面属性对话框可以设置 页面的背景、统一字号以及相应平台的页面尺寸等。 打开需要添加或者查看备注信息的页面,在页面节点上面鼠...

34260
来自专栏每日一篇技术文章

weex-10-组件a的使用

a标签使用起来比较简单,先留下一个问题,如果想要跳转到html页面怎么实现?我们后面会讲到!

13220

扫码关注云+社区

领取腾讯云代金券