用jquery从textarea创建标签

Question

我想要得到textarea中的一些HTML代码，将一些函数应用到代码中，用其他url代替src，并在单击按钮时将代码返回到textarea。我想用jQuery来做到这一点。

<textarea id="proverka"><div id='sd'> <img src="/images/panorami/53.jpg"></div></textarea> <input type="button" id="mes1" name="btn_cancel" 
       value="change" /> 

这可能吗？

Answer 1

一种可能的方式做到这一点：

1. 创建一个新的元素来自textarea值

   $（'＃dummy'）。html（$（'＃proverka'）。val（））;

2. 更改新元素的SRC属性

   $（ '＃假IMG'）ATTR（ “SRC”， 'NEWVALUE'）。

3. 检索新的元素的HTML，并把它回textarea的

   $（ '＃proverka'）VAL（$（'＃假人）HTML（）。）。

Answer 2

您可以创建文本区域中的文本的jQuery的对象，对其进行操作和写HTML回：

$('#mes1').click(function(){ 
var tmp= $('<root/>').append($('#proverka').val())[0]; 
    $('img',tmp).attr('src','another.url'); 
    $('#proverka').val($(tmp).html()); 
});