用div替换文本框，jquery不工作

Question

它只是工作几秒钟然后div再次消失：

$(document).ready(function () {

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

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

Answer 1

如果ID不起作用，您也可以使用this

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

        return '<div>' + $("#txtname").val() + '</div>';
    });
});

如果上面没有工作，这是另一个例子

$("#done").click(function() {
    $('#txtname').replaceWith('<div>' + $("#txtname").val() + '</div>');
});