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
jQuery 表格全选反选
jQuery 表格全选反选
50 0
|
XML JavaScript 小程序
使用jquery treetable 实现树形表格拖拽
这里记录一下使用jquery treetable时遇到的坑。 我这里的需求是做一个树形表格,并且可拖拽。 最后要实现的效果大概是这样的:(文末有实例)
54 0
|
JavaScript BI
jQuery根据填写的input的数值导出excel表格
jQuery根据填写的input的数值导出excel表格
61 0
|
JavaScript Java
jQuery+Datatables实现表格批量删除功能
jQuery+Datatables实现表格批量删除功能
171 0
|
JavaScript
jQuery 动态添加表格数据
jQuery 动态添加表格数据
50 0
|
JavaScript 前端开发 Java
jquery实现动态表格项目(表格增加删除/全选/表格变色特效等功能)(附源码+javaWEB开发如果需要可以直接使用)
jquery实现动态表格项目(表格增加删除/全选/表格变色特效) 🍅 Java学习路线:搬砖工的Java学习路线 🍅 作者:程序员小王 🍅 程序员小王的博客:https://www.wolai.com/wnaghengjie/ahNwvAUPG2Hb1Sy7Z8waaF 🍅 扫描主页左侧二维码,加我微信 一起学习、一起进步 🍅 欢迎点赞 👍 收藏 ⭐留言 📝
365 0
jquery实现动态表格项目(表格增加删除/全选/表格变色特效等功能)(附源码+javaWEB开发如果需要可以直接使用)
|
JavaScript
Jquery实现表格动态增加一行,删除一行(最简洁的代码实现)
Jquery实现表格动态增加一行,删除一行(最简洁的代码实现)
561 0
Jquery实现表格动态增加一行,删除一行(最简洁的代码实现)
|
JavaScript 前端开发
jQuery实现表格行的删除和增加
使用jQuery实现对表格元素行的删除和增加效果
275 0
jQuery实现表格行的删除和增加
|
JavaScript Java
动态添加表格并增加Jquery校验
动态添加表格并增加Jquery校验
99 0
|
JavaScript
jQuery 中使用 DOM 操作节点,对页面中的表格实现增、删、查、改操作
jQuery 中使用 DOM 操作节点,对页面中的表格实现增、删、查、改操作
323 0
jQuery 中使用 DOM 操作节点,对页面中的表格实现增、删、查、改操作