layui 动态添加 表格数据

静态表格：

               

                   

                       

                       

                   

               

               

                   

                       

                       

                   

               

           

价格	操作
	添加                             删除

//因为动态添加的元素class属性是无效的，所以不能用$('.add').click(function(){});

    $('body').on('click', '.add', function() {

    //你要添加的html

    var html = ''+

            ''+

            ''+

                '添加'+

                '删除'+

            ''+

        '';

    //添加到表格最后

    $(html).appendTo($('#table tbody:last'));

    form.render();

  });

////////

$('body').on('click', '.del', function() {

    if ($('#table tbody tr').length === 1) {

        layer.msg('只有一条不允许删除。', {

            time : 2000

        });

    } else {

        //删除当前按钮所在的tr

        $(this).closest('tr').remove();

    }

  });