如何使用 Javascript 进行替换和追加

我有一个评论系统，我想在其中实现内联编辑（当有人知道一个好的插件或类似的东西时，请毫不犹豫地给我一个名字），并找到一个 Javascript 片段，它将文本替换为文本区域和文本作为该文本区域的值。

但现在我需要向该文本区域添加一个按钮（提交按钮），以便用户可以保存他编辑的文本。

我的代码现在看起来像

<span id="name">comment</span>

<div onclick="replacetext();">test</div>

<script type="text/javascript">
    function replacetext(){
            $("#name").replaceWith($('<textarea>').attr({ id: 'name', value: $('#name').text() }));
    </script>

我已经测试过了$("#name").append('<button>yes</button>');但它不起作用。

可以使用以下 jsFiddle 尝试该解决方案：http://jsfiddle.net/adb8X/5/ http://jsfiddle.net/adb8X/5/

我相信你所追求的路线是：

  $('<button>yes</button>').insertAfter("#name");

上面的代码在目标选择器（“#name”）中具有指定 id 的 DOM 元素之后插入一个新创建的 DOM 元素（是）。

更多关于insertAfter here: http://api.jquery.com/insertAfter/ http://api.jquery.com/insertAfter/

如果你想将其插入replacetext()，它将变成：

function replacetext() {
    $("#name").replaceWith($('<textarea>').attr({
        id: 'name',
        value: $('#name').text()
    }));

    $('<button>yes</button>').insertAfter("#name");

} 

注意：我还纠正了你的 jsFiddle。请检查这里：http://jsfiddle.net/adb8X/5/ http://jsfiddle.net/adb8X/5/（如果我没记错的话，设置有问题，还有一个小错字）。其中对应的行是：

 $("#name").append( $('<button>hi</button>') );