编辑文字后点击

Question

我不知道该怎么办，所以onclick事件后改变

<div id='1'> 
    <form action='#' method=post> 
     <input type='text' name='1' value='Tekst'> 
    </form> 
</div> 

当然div的ID和输入的名字我的代码

<div id='1' onclick='edit()'> 
    Tekst 
</div> 

必须相同。我尝试使用append（），但没有发生任何错误，也没有任何结果。

function edit(clicked_id) 
    { 
     var input = document.createElement("input"); 
     input.type = "text"; 
     input.size = "15"; 
     input.name = "text" + clicked_id; 
     container.appendChild(input); 
    } 

Answer 1

$(".editme").click(function(){ 
 
    $(this).html("<form><input type='text' name='" + $(this).attr("id") + "' value='" + $(this).text() + "' /></form>"); 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id='1' class='editme'> 
 
    Tekst 
 
</div>