Layui表格编辑【不依赖Layui的动态table加载】

依赖jquer，layui/css

<td class="My_edit"></td>

Jquery代码

//-----[Layui表格编辑(<td class="My_edit"></td>)] 2018-11-13
function Layui_edit(){
    //数据可编辑
    $(".My_edit").toggle(function(){
        var text=$(this).html();
        $(this).html('<input type="text" class="layui-input layui-table-edit" value="'+text+'">');
        $(this).children("input").val("").focus().val(text);
    },function(){
        $(this).html($(this).children("input").val());
    })
    //数据编辑失去焦点失效
    $(".layui-table-edit").live("blur",function(){
        var text=$(this).val();
        $(this).parent().html(text);
    })
}
//-----[Layui表格编辑END]

转载于:https://www.cnblogs.com/userzf/p/9952273.html