使用jQuery引用類替換textarea中的img src

Question

我無法在引用類的文本區域中替換圖像源。

這裏的HTML：

<textarea cols="100" rows="20" class="editor"> 
    <a href="http://www.amazon.com"> 
     <img src="image.jpg" alt="replace image source in textbox" /> 
    </a> 
</textarea> 

這是我已經試過了jQuery：

$(".editor img").attr("src", "image2.jpg"); 

任何想法？

Answer 1

你不能這樣做，因爲textarea本身就是一個dom元素。

你可以改爲把你的textarea的內容放到一個隱藏的div中，替換你的圖片，把新div的內容放到原始的textarea中。

這裏舉例：http://jsfiddle.net/f4dbtjnL/

$("textarea").after("<div class='hidden'></div>"); 
$(".hidden").html($("textarea").val()); 

$(".hidden img").attr("src", "http://lorempixel.com/400/200/sports/1"); 

$("textarea").val($(".hidden").remove().html());