заменить img src в textarea, используя jquery, ссылающийся на класс

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.

Вы можете вместо этого разместить содержимое вашей текстовой рекламы в скрытый div, заменить свое изображение, взять содержимое нового div и поместить его в исходное текстовое поле.

Пример здесь: 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());