table删除某一个tr

页面

 

<script type="text/javascript">
    var cableCols = [[
        {field: '...', title: 'ID', width: '0%', align: 'center', hidden: true},
        {field: '...', title: '订单编号', width: '0%', align: 'center', hidden: true},
        {field: '...', title: '商品名称', width: '10%', align: 'center'},
        {field: '...', title: '商品价格', width: '10%', align: 'center'},
        {field: '...', title: '商品数量', width: '10%', align: 'center'},
        {field: '...', title: '备注', width: '10%', align: 'center'},
        {field: '...', title: '操作', width: '10%', align: 'center',
            formatter: function (val, row) {
                return '<button type="button" onclick="table_commodity_delete($(this))">删除</button>';
            }
        }
    ]];


    function table_commodity_delete(t) {
        layer.confirm('确定要删除这个商品吗？', {
            btn: ['确认', '取消']
            , btn1: function (index, layero) {
                // 获取tr位置
                var index = $(t).closest('tr').index();
                $(t).closest('tr').remove();
                // 在什么位置删除一个元素   我的table数据来自object对象数组
                object.splice(index, 1);
                // 删除后重新赋值
                $('#dataList_commodity').datagrid('loadData', object);
                layer.msg("删除成功！");
            }
        });
    }

</script>

效果：