<!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的更多相关文章

  1. JS动态增加删除UL节点LI

    JS如何动态增加删除UL节点LI及相关内容. <ul id="ul"> <li id=1>11111111111111111<a href=" ...

  2. Nodejs之MEAN栈开发（九）---- 用户评论的增加/删除/修改

    由于工作中做实时通信的项目,需要用到Nodejs做通讯转接功能,刚开始接触,很多都不懂,于是我和同事就准备去学习nodejs,结合nodejs之MEAN栈实战书籍<Getting.MEAN.wi ...

  3. 转： KindEditor 图片空间文件增加删除文件、文件夹功能（ASP语言环境）

    KindEditor 图片上传功能中集成的图片空间文件管理插件可以对已上传图片进行管理,十分便捷,只是没有图片删除功能,仔细研读xieliang分享的经验后,自己动手改造了一下,顺便分享给有同样需求的 ...

  4. 基于jQuery表格增加删除代码示例

    <!doctype html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  5. 点击增加删除class

    <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" ...

  6. 在Javascript操作JSON对象，增加 删除 修改

    在Javascript操作JSON对象,增加删除修改全有的,详情见代码 <script type="text/javascript"> var jsonObj2 = { ...

  7. UITableView 编辑模式(增加-删除-移动---自定义左滑 title)

    - (void)viewDidLoad { [super viewDidLoad]; // Do any additional setup after loading the view, typica ...

  8. CentOS如何手动增加 删除swap区

    SWAP是Linux中的虚拟内存,用于扩充物理内存不足而用来存储临时数据存在的.它类似于Windows中的虚拟内存.在Windows中,只可以使用文件来当作虚拟内存.而linux可以文件或者分区来当作 ...

  9. 基于Gitlab统计代码行--统计所有仓库、所有提交人的代码总行数（新增加-删除）

    公司绩效考核要求,统计GITLAB仓库所有人提示有效代码行业 脚本1: 统计所有仓库.所有提交人的代码总行数(新增加-删除) 脚本2: 统计所有仓库.所有提交人的代码提交汇总与删除汇总 脚本3: 统计 ...

随机推荐

  1. http短连接与长连接简介

    1.HTTP协议与TCP/IP协议的关系 HTTP的长连接和短连接本质上是TCP长连接和短连接.HTTP属于应用层协议,在传输层使用TCP协议,在网络层使用IP协议.IP协议主要解决网络路由和寻址问题 ...

  2. Oracle 11g 单实例到单实例OGG同步实施文档-EXPDP初始化

    Oracle 11g 单实例到单实例OGG同步实施文档-EXPDP初始化 2018-06-07 00:446470原创GoldenGate 作者: leo 本文链接:https://www.cndba ...

  3. matlab 将数字矩阵转换成图像

    MATLAB中,常常使用imshow()函数来显示图像,而此时的图像矩阵可能经过了某种运算.在matlab中,为了保证精度,经过了运算的图像矩阵I其数据类型会从unit8型变成double型.如果直接 ...

  4. spring为什么推荐使用构造器注入

    一.前言 ​ 项目中遇到一个问题:项目启动完成前,在A类中注入B类,并调用B类的某个方法. 那么调用B类的这个方法写在哪里呢,我选择写到构造器里,但是构造器先于Spring注入执行,那么执行构造器时, ...

  5. CAT部署安装文档

    多数软件都在/root/project/codebase/3rdpart redhat7用firewalld取代了iptables,遇到问题请添加redhat7关键字搜索,详情请参见Common ad ...

  6. js 使用Math函数取得数组最大最少值

    var arr = [3,1,2,6,7,8];

  7. 转载： http状态码

    消息   这一类型的状态码,代表请求已被接受,需要继续处理.这类响应是临时响应,只包含状态行和某些可选的响应头信息,并以空行结束.由于 HTTP/1.0 协议中没有定义任何 1xx 状态码,所以除非在 ...

  8. Python之set方法

    class set(object): """ set() -> new empty set object set(iterable) -> new set o ...

  9. Scrapy的piplines.py存储文件和存储mongodb

    一.将数据保存到文件 1.piplines.py文件 import json class TencentPipeline(object): def open_spider(self,spider): ...

  10. Java中Json字符串转换为对象的方法(多层List集合)

    借鉴自:http://www.jb51.net/article/91142.htm 在将json字符串转换成对象flightInfo时,当flightInfo对象中有List<flightCla ...