<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. idou老师教你学Istio 22 : 如何用istio实现调用链跟踪

    大家都知道istio可以帮助我们实现灰度发布.流量监控.流量治理等一些功能. 每一个功能都帮助我们在不同场景中实现不同的业务.那么其中比如流量监控这种复杂的功能Istio是如何让我们在不同的应用中实现 ...

  2. 用js刷剑指offer(链表中倒数第k个结点)

    题目描述 输入一个链表,输出该链表中倒数第k个结点. 牛客网链接 思路 设置两个指针,p,q,先让p走k-1步,然后再一起走,直到p为最后一个 时,q即为倒数第k个节点 js代码 // 空间复杂度1 ...

  3. NginX——配置负载均衡

    A.            在http模块加上upstream配置 upstream www.myweb.com { server  127.0.0.1:9100 weight=3; server  ...

  4. Ubuntu系统---配置OpenCV

    Ubuntu系统---配置OpenCV 目录 一.Ubuntu下配OpenCV 二.Ubuntu下配python-opencv   说明 上述一.二两种方式,配置OpenCV还是有区别的.按个人已有知 ...

  5. Linux 误卸载自带python后的解决办法

    1:卸载python(以免有些同学没有卸载干净) rpm -qa|grep python|xargs rpm -ev --allmatches --nodeps #强制删除已安装程序及其关联 wher ...

  6. linux getpid _getpid()

    getpid是一种函数,功能是取得进程识别码,许多程序利用取到的此值来建立临时文件,以避免临时文件相同带来的问题. 函数功能:取得进程识别码 相关函数:fork,kill,getpid 头文件:旧版本 ...

  7. python_网络编程struct模块解决黏包问题

    为什么会出现黏包现象: 首先只有在TCP协议中才会出现黏包现象,是因为TCP协议是面向流的协议,在发送的数据传输的过程中还有缓存机制来避免数据丢失,因此,在连续发送小数据的时候,以及接收大小不符的时候 ...

  8. redis cluster 安装配置

    实验环境: 三主三从,从负责备份. 192.168.2.201 6381 192.168.2.201 6382 192.168.2.202 6381 192.168.2.202 6382 192.16 ...

  9. 开发中少不了的Fun -- 前端本地存储

    存储sessionStorage function setSessionStore (name, content) { if (!name) return if (typeof content !== ...

  10. 现代浏览器性能优化-CSS篇

    我来填坑了,CSS篇终于写出来了,如果你没看过前面的JS篇,可以在这里观看. 众所周知,CSS的加载会阻塞浏览器渲染或是引起浏览器重绘,目前业界普遍推荐把CSS放到<head>中,防止在C ...