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]