单击后编辑文本

Question

我不知道该怎么做，所以在onclick事件改变我的代码后

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

在

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

当然，div的id和输入的名称必须相同。我尝试使用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>