2012-06-28 71 views
3

我想用jQuery替换带有文本框的p标签。我所尝试过的不起作用。jQuery用文本框替换元素

+1

用过这个吗? “this”在哪里 – TRR

+0

您是否试图在任何机会进行就地编辑? –

回答

5
<p> Some text.. </p> 


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

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

见例如here

聚焦时,您可以读取新值(或旧值)并将其设置回p标记中。

看到这个例子here

+0

感谢@Robin Maben – Pavan

+0

很高兴帮助。我也不介意得到一个upvote。 :) –

+0

嘿对不起,我没有15的口碑去想 – Pavan

0

请试试这个:

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

在组与所提供的 新的内容匹配的元素替换每个元素。

请让我知道如果我错过了什么,或者提供完整的HTML

希望这有助于

代码

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

谢谢,我尝试了相同的thig,但我没有指定textarea,我在那个地方给了textarea的ID – Pavan

+0

@SravanL不用担心,随时使用演示':)' –