下面这个是html代码
<table id="tabId" border="0">
<tr><th>文件</th><th>评价</th><th>操作</th></tr>
<tr id="trId"><td><input name="auditBibliography" type="text" label=""></input></td><td><input name="completionAcceptanceFile" type="text" label=""></input></td><td><input type="button" value="增加行" onclick="addTr();"/><input type="button" value="删除行" onclick="delTr(this);"/></td></tr>
</table>
下面这个是JS代码
function addTr(){
var $tr=$("#trId").clone();
$("#tabId").append($tr);
$("#tabId").find("tr:last").children().find(':text').each(function(){
$(this).val("");
});
}
function delTr(k){
//第一行禁止删除
if($("#tabId").find("tr").length>2){
$(k).parent().parent().remove();
}
}
效果就不掩饰了,不过只是针对text的操作。
记住要加入jquery.js文件
分享到:
相关推荐
jquery动态添加删除行 点击按钮动态添加行或动态删除行代码 删除后序号重新排列
jQuery添加删除标签代码是一款点击按钮将选中标签添加到面板上;再次选中标签,点击按钮可删除面板中的标签。
jquery表格动态添加删除行代码是一款基于jquery实现的表格里面点击按钮后可进行自动添加删除行功能代码。
74、jquery表格动态添加删除行代码
jQuery动态添加删除编辑标签代码是一款自定义选项卡,添加选项卡,删除选项卡,编辑选项卡内容等。 jQuery动态添加删除编辑标签代码截图
最简单的滚动到(scrollto)插件,功能少,jquery代码少,逻辑简单,一看就明白。这种简单的jquery插件有时候还是蛮有用的。 这个最简单的jquery滚动到插件你灵活运用一下就有多种玩法,比如,可以做出 滚动到顶部...
jquery表格添加删除行点击按钮动态添加删除行
jQuery添加删除标签代码基于jquery.1.10.2.min.js制作,有添加标签、初始化已设标签、修改标签、删除标签、禁用标签操作、方法启用禁用标签操作等功能。
jquery添加删除行
jQuery 动态添加或删除表格行特效,每点击一次添加,会添加一个表格单元格,点击删除会删掉所有行,基于jQuery插件完成,想研究的朋友下载一看。
jQuery自定义标签添加删除代码是一款简单实用的自定义添加标签跟删除特效。
jquery bootstrap自定义添加删除选项卡代码
jQuery自定义添加删除标签代码基于jquery.1.9.1.min.js制作,有自定义添加删除标签功能。
jQuery表格添加行数据代码是一款可以在行内添加编辑删除的表格代码。
jQuery点击添加到购物车动画代码 .
Jquery动态添加和删除行,配合ajax的使用 可以更完美的实现无刷新更新
两种jquery动态添加删除行方法 两种jquery动态添加删除行方法 两种jquery动态添加删除行方法
jquery点击列表菜单选择添加联系人代码 jquery点击列表菜单选择添加联系人代码
这是一款实用的jQuery动态添加移动列表插件,jQuery动态添加数据代码,jQuery动态数据代码。