1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  5. <title>jQuery实现插入删除信息</title>
  6. <script type="text/javascript" src="jquery-1.11.1.js"></script>
  7. <script type="text/javascript">
  8. 	$(function (){
  9. 		//删除员工信息
  10. 		function removeTr(aNode){
  11. 			var $tr = $(aNode).parent().parent();
  12. 			var tdText = $tr.find("td:first").text();
  13. 			tdText = $.trim(tdText);
  14.  
  15. 			var flag = confirm("你确定删除"+tdText+"的信息?");
  16. 			if(flag){
  17. 				$tr.remove();
  18. 			}
  19. 			return false;
  20. 		}
  21. 		//添加用工信息到表格中
  22. 		$(":submit").click(function (){
  23. 			$("<tr></tr>").append("<td>" +$(":text[name='name']").val()+ "</td>")
  24. 						  .append("<td>" +$(":text[name='email']").val()+ "</td>")
  25. 						  .append("<td>" +$(":text[name='salary']").val()+ "</td>")
  26. 						  .append("<td><a href='delete'>Delete</a></td>")
  27. 						  .appendTo("table")
  28. 						  .find("a")//查找所有a标签并为其添加点击事件
  29. 						  .click(function (){
  30. 							  return removeTr(this);
  31. 						  });
  32. 		});
  33. 	});
  34. </script>
  35. </head>
  36. <body>
  37. 	name:<input type="text" name="name" />
  38. 	email:<input type="text" name="email" />
  39. 	salary:<input type="text" name="salary" />
  40. 	<input type="submit" value="添加" />
  41. 	<br/><br/>
  42. 	<hr>
  43. 	<br/>
  44. 	<table border="1" cellpadding="5" cellspacing="0" width="600">
  45. 		<tr>
  46. 			<th>name</th>
  47. 			<th>email</th>
  48. 			<th>salary</th>
  49. 			<th>option</th>
  50. 		</tr>
  51. 	</table>
  52. </body>
  53. </html>

jQery实现插入删除信息的更多相关文章

  1. python Trie树和双数组TRIE树的实现. 拥有3个功能:插入,删除,给前缀智能找到所有能匹配的单词

    #coding=utf- #字典嵌套牛逼,别人写的,这样每一层非常多的东西,搜索就快了,树高26.所以整体搜索一个不关多大的单词表 #还是O(). ''' Python 字典 setdefault() ...

  2. leveldb源码分析--插入删除流程

    由于网络上对leveldb的分析文章都比较丰富,一些基础概念和模型都介绍得比较多,所以本人就不再对这些概念以专门的篇幅进行介绍,本文主要以代码流程注释的方式. 首先我们从db的插入和删除开始以对整个体 ...

  3. [LeetCode] Insert Delete GetRandom O(1) - Duplicates allowed 常数时间内插入删除和获得随机数 - 允许重复

    Design a data structure that supports all following operations in average O(1) time. Note: Duplicate ...

  4. [LeetCode] Insert Delete GetRandom O(1) 常数时间内插入删除和获得随机数

    Design a data structure that supports all following operations in average O(1) time. insert(val): In ...

  5. 【Telerik】弹出对话框RadWindow，确认删除信息

    要做一个删除功能,但是删除前正常都要弹出对话框确认一下是否删除信息,防止误删信息.

  6. PHP实现简单的评论与回复功能还有删除信息

    我们首先先看一下功能 上面黑色的是评论的下面红色的字体是回复的 再来看看怎么实现的 1.发布评论 <form action="pinglunchili.php" method ...

  7. 洛谷 P2042 [NOI2005]维护数列-Splay(插入 删除 修改 翻转 求和 最大的子序列)

    因为要讲座,随便写一下,等讲完有时间好好写一篇splay的博客. 先直接上题目然后贴代码,具体讲解都写代码里了. 参考的博客等的链接都贴代码里了,有空再好好写. P2042 [NOI2005]维护数列 ...

  8. [LeetCode] 381. Insert Delete GetRandom O(1) - Duplicates allowed 常数时间内插入删除和获得随机数 - 允许重复

    Design a data structure that supports all following operations in average O(1) time. Note: Duplicate ...

  9. [LeetCode] 380. Insert Delete GetRandom O(1) 常数时间内插入删除和获得随机数

    Design a data structure that supports all following operations in average O(1) time. insert(val): In ...

随机推荐

  1. jQuery分页小插件

    源码如下: $.fn.pager = function (pagerInfo) { var recordCount = this.size(); if (recordCount <= pager ...

  2. [Java] 高效快速导入EXCEL数据

    需求1.高效率的以excel表格的方式导入多条数据.2.以身份证号为唯一标识,如果身份证号已存在,则该条数据不导入. 分析刚开始的时候是传统的做法,解析excel数据,获取单个对象,判断身份证是否已存 ...

  3. 核函数(kernel function)

    百度百科的解释: 常用核函数: 1.线性核(Linear Kernel): 2.多项式核(Polynomial Kernel): 3.径向基核函数(Radial Basis Function),也叫高 ...

  4. java----IO和NIO的区别

    概念:NIO即New IO,这个库是在JDK1.4中才引入的.NIO和IO有相同的作用和目的,但实现方式不同,NIO主要用到的是块,所以NIO的效率要比IO高很多.在Java API中提供了两套NIO ...

  5. Myeclipse怎么导入project项目

    1,打开Meclipse,在左面的区域点击右键,选择import键. 2,在import面板中选择Exiting Projects into Workbence,点击Next, 3,选择Browse. ...

  6. flask模块

    import flask, json #把当前的文件当成一个服务 server = flask.Flask(__name__) @server.route('/index', methods=['ge ...

  7. JZOJ.5305【NOIP2017模拟8.18】C

    Description

  8. Java构建网站多级菜单功能解决方案

    在网站开发的时候我们会对网站的栏目进行分类,一个栏目可以有多个子分类,一个子分类又可以有分裂,例如:新闻栏目下有每日早报和每日晚报两个栏目,其中每日早报下面又分为上海早报,北京早报,杭州早报,下面是京 ...

  9. 给vmware虚拟机设置Ip,使用xshell远程连接Centos

    参考下面两位的分享才弄好,发表之前先对原作者表示感谢! 给Centos配置网络以及使用xshell远程连接Centos http://www.cnblogs.com/fuly550871915/p/4 ...

  10. CodeForces 24A Ring road(dfs)

    A. Ring road time limit per test 2 seconds memory limit per test 256 megabytes input standard input ...