用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()); 
});