<!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. mybatis-spring和spring版本搭配问题

    所报错误:org.mybatis.spring.transaction.SpringManagedTransaction.getTimeout()Ljava/lang/Integer 匹配的版本(my ...

  2. Jmeter之https脚本录制

    jmeter录制脚本时,跟http脚本录制主要区别是,https录制需要添加安全证书.   一.jmeter代理服务器及证书配置. 1.打开jmeter,右键测试计划添加线程组,右键工作台--> ...

  3. swiper使用中一些点的总结

    最近做了PC端改版,要求移动端有更好的体验,一些产品滚屏的展示,就用了swiper插件,以方便用户在移动端访问可以滑动翻屏展示. 本次项目中使用的是swiper2.0版本. 首先要引入swiper的j ...

  4. if -----if else语句

    if语句是用来进行判断的,其使用格式如下: 单分支 if 判断的条件: 满足条件后要执行的代码 双分支 if 条件: 满足条件执行代码 else: if条件不满足就走这段 这里必须要插入这个缩进的知识 ...

  5. shell中的输出重定向

    shell中默认有三个标准设备:标准输入(STDIN).标准输出(STDOUT).标准错误(STDERR). 在Linux系统中,一切(或几乎一切)都是文件.因此,标准输入的文件描述符是0,标准输出的 ...

  6. Vue语法学习第二课——指令

    指令,是指在Vue中,带有-v前缀的特殊特性 指令特性的值预期是单个JavaScript表达式(v-for例外) <p v-if="seen">看得到</p> ...

  7. 删除Docker镜像

    删除镜像:1)先杀死镜像中所有容器   docker kill $(docker ps -a -q)2)删除镜像中所有容器:   docker rm $(docker ps -a -q)3)删除镜像: ...

  8. echarts 自定义主题

    https://blog.csdn.net/flitrue/article/details/52841338 import $echarts from 'echarts' import  'echar ...

  9. select默认显示

    select默认显示第一个option,但大部分需求都是显示一个请选择,点击后在显示option的内容. 就像上图一样 但如果正常写的话会是像下面这样显示 请选择也会显示在下拉款里面,这样就很不友好 ...

  10. EMMET 的HTM自动生成

    { // Custom snippets definitions, as per https://github.com/emmetio/emmet/blob/master/snippets.json ...