jQuery用文本框替换元素

时间:2012-06-28 06:38:10

标签: jquery jquery-ui

我想用jQuery用文本框替换p标签。我试过的是不行。

2 个答案:

答案 0 :(得分:6)

<p> Some text.. </p>


$('p').dblclick(function(){
    var textArea = $('<textarea />')
    var oldText = $(this).text();

    $(this).replaceWith(textArea);
    textArea.val(oldText);
});​

参见示例here

在焦点输出时,您可以阅读新值(或旧值)并将其设置回p标记内。

请参阅示例here

答案 1 :(得分:0)

请试试这个:

API:http://api.jquery.com/replaceWith/ DEMO: http://jsfiddle.net/Yuuhr/

  

用提供的元素替换匹配元素集中的每个元素   新内容。

如果我错过任何内容或提供完整的HTML

,请告诉我

希望这有帮助

代码

$('p').replaceWith('<textarea id="foohulk"/>')