jquery - テキストボックスをjqueryが機能しないdivに置き換えます

Question

重複の可能性:
textbox を div に置き換え、jquery が機能しない

数秒間だけ機能し、その後 div が再び消えます。

$(document).ready(function () {

    $("#done").click(function () {
        $('#txtname').replaceWith(function () {

            return '<div>' + $(this).val() + '</div>';
        });
    });

.aspx

 <asp:TextBox ID="txtname" runat="server" BorderColor="#96A6C5" CssClass="txt"></asp:TextBox></div>

<div class="text">
<asp:Button ID="done" runat="server" onclick="done_Click"/>
</div>

.cs

protected void done_Click(object sender, EventArgs e)
    {

    }

Answer 1

うまくいかないID場合にも使用できますthis

    $('#<%=done.ClientID%>').click(function() {
        $('#<%=txtname.ClientID%>').replaceWith(function() {

            return '<div>' + $('#<%=txtname.ClientID%>').val() + '</div>';
        });
return false;
    });

上記が機能しない場合の別の例を次に示します

    $('#<%=done.ClientID').click(function() {
        $('#<%=txtname.ClientID%>').replaceWith('<div>' + $('#<%#txtname.ClientID').val() + '</div>');

return false;
    });

Answer 2

スクリプト部分は正常に動作するはずです。しかし、コントロールへのアクセス方法に問題があると思います。

$("#done")であり、それぞれで$("#txtname")ある必要が$("#<%=done.ClientID%>") あり$("#<%=txtname.ClientID%>")ます。