Layui 表格編輯

html代碼

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

 

Jquery代碼

//-----[Layui表格編輯()] 
function Layui_edit(){
　　　//點擊時 選中文本
    $(".My_edit").live("click",function(){
        $(this).toggle(function(){
            var text=$(this).html();
            $(this).html('<input type="text" style="min-height:24px;" class="layui-input layui-table-edit" value="'+text+'">');
            $(this).children("input").val("").focus().val(text);
            $(this).children("input").select();
        },function(){
            $(this).html($(this).children("input").val());
        })
    })
    
    
    //數據可編輯
    $(".My_edit").toggle(function(){
        var text=$(this).html();
        $(this).html('<input type="text" style="min-height:24px;" class="layui-input layui-table-edit" value="'+text+'">');
        $(this).children("input").val("").focus().val(text);
        $(this).children("input").select();
    },function(){
        $(this).html($(this).children("input").val());
    })
    //數據編輯失去焦點失效
    $(".layui-table-edit").live("blur",function(){
        var text=$(this).val();
        $(this).parent().html(text);
    })
}
//-----[Layui表格編輯END]