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