jquery - 改进脚本：如果有值则隐藏输入并用文本显示 div / 获取值并用文本显示 div

Question

我有一个执行以下操作的脚本：

http://jsfiddle.net/KVDBB/

- 输入字段的值属性可以为空 - 输入后显示带有更改按钮的 div

- 在页面加载之前输入已经有一些值 - 然后它显示带有更改按钮的 div

但问题是它使用 replaceWith 函数并替换了输入 - 而它需要提交表单。

请帮助改进脚本，以隐藏输入而不是替换它。

提前致谢！

Answer 1

示例在这里http://jsfiddle.net/deerua/KVDBB/3/

$("#consumer-email").blur(function(){
    $(this)
    .attr("readonly","readonly")
    .addClass("noborder");
    $('.changeEmail').show();
}).blur();

$('.changeEmail').bind('click', function(e){
    $("#consumer-email")
        .removeAttr("readonly")
        .removeClass("noborder ");
    $('.changeEmail').hide();
});

只需使用输入宽度隐藏边框和属性禁用 ​</p>