<body>

    <table id="delte">

        <caption>简易购物车</caption>

        <tr>

            <th class="goods">商品</th>

            <th>单价</th>

            <th>数量</th>

            <th>小计</th>

            <th>操作</th>

        </tr>

        <tr class="shop1" id="shop2">

            <td class="goods">小米MIX</td>

            <td id="price">5000</td>

            <td class="number">

                <input type="button" value="-" id="jian1" onclick="minus('price','number','total')">

                <input type="text" value="1" id="number" class="num" onblur="change('price','number','total')">

                <input type="button" value="+" id="jia1" onclick="add('price','number','total')">

            </td>

            <td id="total">5000</td>

            <td><a href="#" onclick="dele(this)">删除</a></td>

        </tr>

        <tr class="shop1" id="shop3">

            <td class="goods">iphone 8</td>

            <td id="price2">6000</td>

            <td class="number">

                <input type="button" value="-" id="jian2" onclick="minus('price2','count','total2')">

                <input type="text" value="1" id="count" class="num" onblur="change('price2','count','total2')">

                <input type="button" value="+" id="jia2" onclick="add('price2','count','total2')">

            </td>

            <td id="total2">6000</td>

            <td><a href="#" onclick="dele(this)">删除</a>

            </td>

        </tr>

    </table>

</body>

方法一：

         function dele(rows) {     //传值不可以用特殊字，如把rows 改成this，是没有删除效果的

             var row = rows.parentNode.parentNode; // 按钮所在行

             var index = row.rowIndex; // 当前行的索引

             var tb = row.parentNode; //当前表格

             tb.deleteRow(index);

         }

方法二：

 function dele(obj) {    //传值

            var Row = obj.parentNode;

            while (Row.tagName.toLowerCase() != "tr") {

                Row = Row.parentNode;

            }

            Row.parentNode.removeChild(Row); //删除行

        }

js 删除 按钮所在的行的更多相关文章

  1. 使用jquery删除链接所在的行

    <!doctype html> <html> <head> <meta charset="utf-8"> <title> ...

  2. finereport JS 获取按钮所在单元格的值及获取当前报表的变量

    1.通过按钮获取单元格所在的值 debugger; var cr; if(window.lineboxes) { var cells = []; for (var i = 0; i < line ...

  3. jQuery如何动态添加具有删除按钮的行

    代码实例如下: <!DOCTYPE html><html><head><meta charset=" utf-8"><meta ...

  4. 前端点击删除按钮删除table表格的数据

    table.on('tool(hostTable)', function (obj) { var data = obj.data;//须写 if (obj.event === 'del') { var ...

  5. js移动端向左滑动出现删除按钮

    最近在做移动端项目时,需要实现一个列表页面的每一项item向左滑动时出现相应的删除按钮,本来想着直接使用zepto的touch.js插件,因为之前实现相同的功能时用过这个插件,当时还挺好用的,直接使用 ...

  6. notepad++删除某关键字所在的行内容

    例如,我要删除zhao这个字符串所在的行 打开notepad++的ctrl+f窗口 点击替换选项,在查找目标输入^.*bp.*$ 其中替换为那里留空,查找模式选择正则表达式,建议也勾选匹配大小写,同时 ...

  7. 如何得到自定义UITableViewCell中的按钮所在的cell的indexPath.row

    在自定义UITableViewCell中创建了一个按钮. 想在点击该按钮时知道该按钮所在的cell在TableView中的行数.就是cell的 indexPath.row两种方法都很好.-(IBAct ...

  8. jQuery动态添加删除与添加表行代码

    具体实现代码如下: table的HTML如下: 代码如下 复制代码 <input type="button" value="添加一行" />< ...

  9. js在table指定tr行上或底下添加tr行

    js在table指定tr行上或下面添加tr行 function onAddTR(trIndex)         {             var tb = document.getElementB ...

随机推荐

  1. zabbix监控MySQL,Tomcat及配置邮件报警

    目录 一.思路 二.部署.配置 环境 安装zabbix 对zabbix进行初步优化 添加监控主机 部署监控Tomcat 配置邮件报警 三.总结 一.思路 首先搭建zabbixserver,本机需要安装 ...

  2. nc 命令

    目录 nc 命令 一.简介 二.案例 1.端口扫描 2.聊天 3.文件传输 4.目录传输 5.加密网络发送的数据 6.流视频 7.克隆一个设备 8.打开一个shell 9.反向shell 10.指定端 ...

  3. oracle 的普通语法

    select sysdate from dual -- 时间 select SYS_GUID() from dual --唯一

  4. centos7误删yum源的解决办法 ( -bash: yum: command not found)

    这里以安装阿里的yum源为例: 1.查看自己的centos版本 cat /etc/redhat-release 2.进入阿里云源站地址:http://mirrors.aliyun.com/centos ...

  5. idou老师教你学Istio 26：如何使用Grafana进行可视化监控

    使用Grafana插件进行监控是Istio提供的监控能力之一.Istio提供丰富的监控能力,Grafana插件在Istio对Prometheus支持的基础上,为用户提供基于网页仪表面板的可视化监控效果 ...

  6. 1118 DOM

    目录 BOM与DOM window对象 navigator对象(了解即可) screen对象(了解即可) history对象(了解即可) location对象 弹出框 计时相关 DOM对象 DOM结构 ...

  7. [原创]VSCode debug jest的配置

    重拾JS的路从修改JS源码开始,修改JS源码从源码自带的test code开始.源码的test code使用了jtest框架,从test code刚好可以看到要修改部分的 多种传值方式,以及函数输出结 ...

  8. 运营中CP(X)的名词含义

    一.名词含义 我们在做产品推广时,最常见的合作方式有CPA/CPS/CPC/CPM,以及不常见的CPD/CPT/CPL,以下来详细解释这7个名词. CPA:指的是按激活或者注册付费,比如一个激活,就是 ...

  9. android studio连接MYSQL8.0报错:java.long.unsupportedOperation处理方案

    纠结了我大概一个星期了! 下载的别人的demo测试,因为还没学线程连接网络啥的 对方使用的版本是MYSQL5.1.14,我使用的8.0.18,同样都是阿里云服务器自建数据库. 由于是版本8.0,所以在 ...

  10. 更改ejs模板引擎的后缀为html

    安装 EJS 在项目目录右键->Open Command Prompt Here 输入 npm install ejs 打开app.js //app.set('view engine', 'ja ...