跨度输入要跨越的文本

Question

可能重复:
jQuery的最佳编辑插件是什么？

例如,单击跨度时,它将变为输入文本,当您在跨度外单击时,它将再次成为跨度,您可以编辑输入文本.因此,当您单击它时,您基本上会更改标记名称.

但你怎么能这样做？显示和隐藏跨度和输入文本看起来不是最好的解决方案..

Answer 1

在这里,看看它,它是简化的,但应该帮助你:http://jsfiddle.net/RUwtt/

Html:

<span>My value here!</span>

Javascript:

$(function () {
    $('span').live('click', function () {
        var input = $('<input />', {'type': 'text', 'name': 'aname', 'value': $(this).html()});
        $(this).parent().append(input);
        $(this).remove();
        input.focus();
    });

    $('input').live('blur', function () {
        $(this).parent().append($('<span />').html($(this).val()));
        $(this).remove();
    });
});