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的内容并将其放入原始文本区域。

此处示例：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() );

使用引用类的jquery替换textarea中的img src

1 个答案: