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(); 

现在的情况下，你可以用它们替换