增加删除的js
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<script src="jquery-1.7.2.js"></script>
<script>
$(function(){
$("a").click(function(){
$("table").append("<tr><td><input type='checkbox'></td>"+
"<td>张三</td>"+
"<td>男</td>"+
"<td>655315222351555</td>"+
"<td>短工</td>"+
"<td>1862025885</td>"+
"<td>1995-11-11</td>"+
"<td>10,000,00</td>"+
"<td><img src='4.1.png'></td>"+
"<td><img src='4.2.png' class='img2'></td></tr>");
$("table tr:odd").css("background","#FAF3AA");
$("table tr:even:not(:first)").css("background","#FCF4E2");
})
$(".img2").live("click",function(){
$(this).parent().parent().remove();
})
})
</script>
</head>
<body>
<table cellpadding=10 cellspacing=0>
<tr style="background:#EBE7DC">
<td><input type="checkbox"></td>
<td>姓名</td>
<td>性别</td>
<td>卡号</td>
<td>会员级别</td>
<td>电话号码</td>
<td>出生年月日</td>
<td colspan=3>消费金额</td>
</tr>
<tr style="background:#FAF3E9">
<td><input type="checkbox"></td>
<td>张三</td>
<td>男</td>
<td>655315222351555</td>
<td>短工</td>
<td>1862025885</td>
<td>1995-11-11</td>
<td>10,000,00</td>
<td><img src="1.png"></td>
<td><img src="2.png" class="img2"></td>
</tr>
</table>
<a href="javascript:void(0)">新增</a>
</body>
</html>
增加删除的js的更多相关文章
- JS动态增加删除UL节点LI
JS如何动态增加删除UL节点LI及相关内容. <ul id="ul"> <li id=1>11111111111111111<a href=" ...
- Nodejs之MEAN栈开发（九）---- 用户评论的增加/删除/修改
由于工作中做实时通信的项目,需要用到Nodejs做通讯转接功能,刚开始接触,很多都不懂,于是我和同事就准备去学习nodejs,结合nodejs之MEAN栈实战书籍<Getting.MEAN.wi ...
- 转： KindEditor 图片空间文件增加删除文件、文件夹功能（ASP语言环境）
KindEditor 图片上传功能中集成的图片空间文件管理插件可以对已上传图片进行管理,十分便捷,只是没有图片删除功能,仔细研读xieliang分享的经验后,自己动手改造了一下,顺便分享给有同样需求的 ...
- 基于jQuery表格增加删除代码示例
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- 点击增加删除class
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" ...
- 在Javascript操作JSON对象，增加 删除 修改
在Javascript操作JSON对象,增加删除修改全有的,详情见代码 <script type="text/javascript"> var jsonObj2 = { ...
- UITableView 编辑模式(增加-删除-移动---自定义左滑 title)
- (void)viewDidLoad { [super viewDidLoad]; // Do any additional setup after loading the view, typica ...
- CentOS如何手动增加 删除swap区
SWAP是Linux中的虚拟内存,用于扩充物理内存不足而用来存储临时数据存在的.它类似于Windows中的虚拟内存.在Windows中,只可以使用文件来当作虚拟内存.而linux可以文件或者分区来当作 ...
- 基于Gitlab统计代码行--统计所有仓库、所有提交人的代码总行数（新增加-删除）
公司绩效考核要求,统计GITLAB仓库所有人提示有效代码行业 脚本1: 统计所有仓库.所有提交人的代码总行数(新增加-删除) 脚本2: 统计所有仓库.所有提交人的代码提交汇总与删除汇总 脚本3: 统计 ...
随机推荐
- 小白的python之路Linux部分10/27&28
用户 创建流程模拟 总代码 [root@localhost ~]# vim /etc/passwd #1 [root@localhost ~]# mkdir /home/rose [root@loc ...
- java-面向对象（公元2017-6-28）
1.面向对象 何为面向对象:编写程序的时候会提取相似的 特征,把这些相似的特征组织起来 类:相似的特征组织起来的类型. 泛指.可理解为模板 对象:属于类中的具体事物 ...
- python中list,tuple,dict,set等深浅拷贝的问题记录
对于字典.元祖.列表 而言,进行赋值.浅拷贝和深拷贝时,其内存地址的变化是不同的. 1.赋值 赋值,只是创建一个变量,该变量指向原来内存地址,如: 1 2 3 n1 = {"k1" ...
- javascript数据基本类型和引用数据类型区别
基本类型和引用数据类型区别 1.基本数据类型和引用数据类型 javascript中有两种数据类型,分别是基本数据类型和引用数据类型: 基本数据(原始数据)类型指的是简单的数据段,而引用数据类型则指的是 ...
- python笔记21-内置函数
# print(all([1,2,3,4]))#判断可迭代的对象里面的值是否都为真# print(any([0,0,0,0,0]))#判断可迭代的对象里面的值是否有一个为真# print(bin(10 ...
- Java虚拟机学习-Java内存区域（一）
Java虚拟机内存划分为以下几个区域: 1.方法区:方法区是各个线程共享的内存区域,它用于存储已被虚拟机加载的类信息.常量.静态变量.即时编译器编译后的代码等数据.虽然Java虚拟机规范把方法区描述为 ...
- python入门之小栗子
1 点球小游戏: from random import choice score=[0,0]direction=['left','center','right'] def kick(): print ...
- L1-037 A除以B （10 分）
题目链接:https://pintia.cn/problem-sets/994805046380707840/problems/994805094485180416 真的是简单题哈 —— 给定两个 ...
- malloc/free与new/delete的区别与联系
相同点:(1)都是申请内存,释放内存,free和delete可以释放NULL指针:(2)都必须配对使用,这里的配对使用,可不能理解为一个new/malloc就对应一个delete/free,而是指在作 ...
- 搭建webpack基础配置
搭建webpack基础步骤: 1.去官方网站下载node.js(根据自己电脑的系统类型选择) 2.安装node.js完成后打开cmd命令提示符: 出现版本号证明安装成功 3.cd到工程目录下 npm ...