无刷新删除---jQuery实现

动态渲染数据:

　　

  {foreach $data as $v}
    <tr class="kot" kot="{$v.id}">
        <th>{$v.id}</th>
        <td>{$v.name}</td>
        <td><img src="../../../uploads/{$v.img}" alt="" width="100px" height="100px"></td>
        <td><a href="#" class="del" >删除</a></td>
    </tr>
    {/foreach}

jQuery 无刷新删除：

　　

<script>
    $('.del').click(function () {
        var id=$('.kot').attr('kot');
        var a = this
        $.ajax({
            type: "POST",
            url: "{:url('delete')}",
            data: {id},
            success: function(msg){
                if (msg.code == 200){
                    $(a).parents('tr').remove()
                }
            }
        });
    })
</script>