zoukankan      html  css  js  c++  java
  • JavaScript--删除Table中当前行

    HTML代码:

    <body>
            <table border="1" width="1000" height="200">
                <tr>
                    <td>测试</td>
                    <td>测试</td>
                    <td>测试</td>
                    <td>操作</td>
                </tr>
                <tr>
                    <td>测试</td>
                    <td>测试</td>
                    <td>测试</td>
                    <td>
                        <a href="javascript:;" onclick='{if(confirm("确定要删除吗?")) {deleteTr(this); }else {}}'>删除</a>
                    </td>
                </tr>
                <tr>
                    <td>测试</td>
                    <td>测试</td>
                    <td>测试</td>
                    <td>
                        <a href="javascript:;" onclick='{if(confirm("确定要删除吗?")) {deleteTr(this); }else {}}'>删除</a>
                    </td>
                </tr>
                <tr>
                    <td>测试</td>
                    <td>测试</td>
                    <td>测试</td>
                    <td>
                        <a href="javascript:;" onclick='{if(confirm("确定要删除吗?")) {deleteTr(this); }else {}}'>删除</a>
                    </td>
                </tr>
            </table>
        </body>

    Js代码:

    <script src="js/jquery-1.10.2.min.js"></script>
    <script type="text/javascript">
        //obj是点击行的this
        function deleteTr(obj) {
            //通过this找到父级元素节点
            var tr = obj.parentNode.parentNode;
            //找到表格
            var tbody = tr.parentNode;
            //删除行
            tbody.removeChild(tr);
            //只剩行首时删除表格
            if (tbody.rows.length == 1) {
                tbody.parentNode.removeChild(tbody);
            }
        }
    </script>
  • 相关阅读:
    Oracle Vm VirtualBox 搭建 yum 环境
    Vmware Workstation _linux yum 仓库搭建
    redhat5 设置静态ip
    管理表空间和数据文件
    表空间详解
    ocp linux 基础要点
    事务
    Hash哈希类型
    SortedSet有序集合类型
    set集合类型
  • 原文地址:https://www.cnblogs.com/dcy521/p/11390272.html
Copyright © 2011-2022 走看看