Question

後我修改直通JavaScript的HTML，我想，當我點擊ESC鍵，它會返回到HTML的原始形式：

if ($("#div").show()) { 
    $("#div1").empty(); 
    $("#div1").html("<input class='tabledit-input form-control' type='text' value='" + file[0].name + "'>"); 

    $("#div2").empty(); 
    $("#div2").html("<input type='text' class='form-control' placeholder='div2'>"); 

    $("#div3").empty(); 
    $("#div3").html("<input type='text' class='form-control' placeholder='div3'>"); 
} else if (e.keyCode == 27) { 
    //what to do here? 
} 

Answer 1

您可以使用.clone()方法有在事件發生前與原有的克隆發生：

if ($("#div").show()) { 
    $("#div1").empty(); 
    $("#div1").html("<input class='tabledit-input form-control' type='text' value='" + file[0].name + "'>"); 

    $("#div2").empty(); 
    $("#div2").html("<input type='text' class='form-control' placeholder='div2'>"); 

    $("#div3").empty(); 
    $("#div3").html("<input type='text' class='form-control' placeholder='div3'>"); 
} else if (e.keyCode == 27) { 
    //################# now replace it here. #################### 
    $('#div1').replaceWith(d1); 
    $('#div2').replaceWith(d2); 
    $('#div3').replaceWith(d3); 
} 

：

//################# clone them here ###################### 

var d1 = $("#div1").clone(), 
    d2 = $("#div2").clone(), 
    d3 = $("#div3").clone(); 

現在的情況下，你可以用它們替換