編輯文字後點擊

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>