Jquery 动态添加、删除指定行
发布日期:2021-08-31 01:31:23 浏览次数:3 分类:技术文章

本文共 1204 字,大约阅读时间需要 4 分钟。

hot3.png

最近在做一个小项目,用到动态添加和删除指定行,之前对Table的操作都是直接用js写的。

这次项目中已经引入jquery文件了,于是就尝试一下,用jquery动态添加、删除指定行。

现在以demo为例书写,中间遇到一个问题,代码注释部分有指出,代码如下:

Jsp文件:

删除 新增
请选择保存路径:
请输入项目名称:
选择文件:
Js文件:
/**	 * 新增按钮(jquery获取table行数,需注意tbody)	 */	$("#a_add").click(function(){		var a = $("#table>tbody").children("tr").length - 1;		var currentRow = $("#table>tbody").children("tr").eq(a);		var tr = "选择文件:";		currentRow.after(tr);		$("#table").append(currentRow);	});		/**	 * 删除按钮(jquery获取table行数,需注意tbody)	 *  	 */	$("#a_del").click(function(){		var a = $("#table>tbody").children("tr").length - 2;		if(a > 3){			$("#table>tbody").children("tr").eq(a).remove();		} else {			$("#span_upload").text("最后一行不可删除!").css("color","red");		}	});

转载于:https://my.oschina.net/andy1989/blog/160350

转载地址:https://blog.csdn.net/weixin_34056162/article/details/91934989 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:java jstat 工具的使用
下一篇:【转】 liferay5.1.2 笔记

发表评论

最新留言

初次前来,多多关照!
[***.217.46.12]2024年03月09日 01时17分00秒

关于作者

    喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!

推荐文章

dtc mysql_DTCC归来-高可用可扩展数据库架构探讨 2019-04-21
java怎样将日期本土化_Java中的日期操作 2019-04-21
java 执行 awk_3.1 biostar lesson3 linux学习日记;java版本;awk 2019-04-21
python函数代码块以什么开头_Python初体验-开篇 代码全析 2019-04-21
php tracy,admin.php 2019-04-21
php访问父类的所有属性,php – 在父类中使用$this仅在子类中显示父类属性 2019-04-21
oracle比较强大的函数,SQL和ORACLE函数比较 2019-04-21
oracle12c order by,oracle 数据库中order by 的一些高级用法 2019-04-21
oracle8i substr,Oracle中的INSTR,NVL和SUBSTR函数的用法详解 2019-04-21
导出oracle11g的空表,轻松解决oracle11g 空表不能 exp 导出 的问题。 2019-04-21
php把整数拆分成数组,数组拆分处理(整数时的处理),该怎么处理 2019-04-21
oracle numlist,oracle sql str2numlist numtabletype 2019-04-21
php红包平均分配,红包平均分配算法 2019-04-21
linux磁盘的命令是,linux磁盘相关的命令 2019-04-21
linux服务器 缓存,Linux服务器内存使用分析及内存缓存 2019-04-21
linux查进程内存问题,关于linux 查看服务进程内存,cpu,内存占用的一些基础命令... 2019-04-21
linux英文包安装教程视频,Linux源码包安装过程讲解 2019-04-21
linux 关闭rsync服务器,linux下配置rsync服务器和实时同步 2019-04-21
linux初始化TCP服务失败,深入Linux系统追踪TCP初始化 2019-04-21
arch Linux添加源,在Arch Linux系统中使用Archlinuxcn源(清华源)的方法 2019-04-21