<table id="table6" class="caseTable">
<tbody id="tbody6">
<tr class="template repeat">
<td id="t1" class="btd">
商品名或通用名
</td>
<td id="t2" class="btd">
给药次数(次/日)
</td>
<td id="t3" class="btd">
每次用药量(/次)
</td>
<td id="t4" class="btd">
使用原因
</td>
<td id="t5" class="btd">
开始日期
</td>
<td id="t6" class="btd">
结束日期
</td>
<td id="t7" class="btd">
末次就诊时是否仍在使用
</td>
<td><a class="del" href="#"></a></td>
</tr>
</tbody>
</table>
上面是模板表格
添加一个按钮
<input id="btnAdd" class="btn3_mouseout" type="button" value="添 加" /></div>
添加js
$("#tbody6>.template")
//连同事件一起复制
.clone(true)
//去除模板标记
.removeClass("template")
//修改内部元素
.find(".content")
.text("所要添加的信息"
)
.end()
.find(".del")
.text("删除")
.end()
//插入表格
.appendTo($("#tbody6"))
删除事件
//表格的删除按钮事件绑定
$("#tbody6 .del").click(function() {
$(this).parents(".repeat").remove();
});
分享到:
相关推荐
下面小编就为大家带来一篇利用jquery给指定的table动态添加一行、删除一行的方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
支持在任意行添加一行且可配置的,如可在第一行添加一行、第二行添加一行、倒数第一行添加一行、倒数第二行添加一行,随需求的变化都不会影响。 前提条件:行数需在表中存在否则添加不成功。 2)、删除一行 支持动态...
主要介绍了jQuery获取table下某一行某一列的值实现代码的相关资料,需要的朋友可以参考下
通过jQuery选取table的第一行,第一列。
今天在项目中,刚好用到给指定的table添加一行、删除一行,就直接找google,搜出来的东西不尽如人意,不是功能不好就是千篇一律,简直浪费时间还不讨好,于是乎就自己动手封装个,现就把代码分享出来,避免大伙重复...
使用jQuery为表格添加合计行,方法依赖jQuery,方法中使用到的JQ是jQuery中的$方法的别名
使用jquery对行列进行删除、新增,动态添加。
jquery 编辑table 实例一行编辑 实例二双击编辑单元格
jQuery表格编辑添加删除行插件是一款表格插件,默认设置json数据动态生成表格。
jQuery 动态添加或删除表格行特效,每点击一次添加,会添加一个表格单元格,点击删除会删掉所有行,基于jQuery插件完成,想研究的朋友下载一看。
Jquery Table 固定行和列,有需要的朋友拿去
最近需要使用JQuery动态操作table,自己整理了一下,可以添加新行,删除选中的一行或多行,简单代码如下
动态表格,功能为点击添加按钮,表格增加一行并给其name属性赋予的值,点击删除,自动删除这一行,具体实现如下
有时间需要将表格的最后一行加上样式,方便阅读等需要,需要的朋友可以参考下。
这是一款简洁美观的通过js载入表格数据,点击选中表格行变色特效。jQuery Table选中表格行变色代码。
下面小编就为大家带来一篇jquery获取table指定行和列的数据方法(当前选中行、列)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
这里,用的jquery来做的。关键代码如下: 代码如下: //添加數據行; function AddRow(){ var vTb=$(“#TbData”);//得到表格ID=TbData的jquery对象 //所有的数据行有一个.CaseRow的...//创建第一行的副本对象vTrClon