jQuery-使用img标记填充输入，然后附加它

输入没有正确显示输入标记，我尝试了许多变体来转义引号，但得到了相同的结果！新加前缀的输入中的img标记在引号处被截断。以下是我所拥有的：

<div id="student-info">
  <img src="students/24535.jpg" />
</div>

var imgSrc = $('#student-info').find('img').attr('src'); 
var imgCode = '<img src="'+imgSrc+'" />';
$('#student-info').prepend('<span class="img-code"><input type="text" value="'+imgCode+'"></span>');

以下是替换此项的方法：

value="'+imgCode+'"

对此：

value=\''+imgCode+'\'

以下是。

替换此：

value="'+imgCode+'"

对此：

value=\''+imgCode+'\'

---

以下是。

您可以采取稍微不同的方法：

var imgSrc = $('#student-info').find('img').attr('src'); 
var imgCode = '<img src="'+imgSrc+'" />';

$('#student-info').prepend('<span class="img-code"><input type="text"></span>');
$('input').val(imgCode);

var imgSrc=$（“#学生信息”）.find（'img'）.attr（'src'）；
var imgCode=''；
$（“#学生信息”）。前缀（“”）；
$（'input'）.val（imgCode）；

您可以采取稍微不同的方法：

var imgSrc = $('#student-info').find('img').attr('src'); 
var imgCode = '<img src="'+imgSrc+'" />';

$('#student-info').prepend('<span class="img-code"><input type="text"></span>');
$('input').val(imgCode);

var imgSrc=$（“#学生信息”）.find（'img'）.attr（'src'）；
var imgCode=''；
$（“#学生信息”）。前缀（“”）；
$（'input'）.val（imgCode）；

这是因为您不能将标记放入

标记的值属性中。为什么不在输入中的图像中使用css？更好的是，您希望通过将图像粘贴到文本输入字段中获得什么？它应该作为图像嵌入代码工作，没有实际的图像，这是因为你不能将标签放入

标签的值属性中。为什么不在输入中使用css作为图像？更好的是，你希望通过将图像粘贴到文本输入字段中获得什么？它应该作为图像嵌入代码工作，而不是让那里的真实形象像一个魔咒。谢谢你，文斯！你明白Vinc的解决方案为什么有效吗？这是因为您的imgCode中已经有包含双引号的文本（用于img src属性），在您的版本中，该文本提前终止了属性值，并导致显示变得不正常。我只是想澄清一下，工作得很有魅力。谢谢你，文斯！你明白Vinc的解决方案为什么有效吗？这是因为您的imgCode中已经有包含双引号的文本（用于img src属性），在您的版本中，该文本提前终止了属性值，并导致显示变得不正常。我只是想澄清一下。实际上，我有点赞成这种方法。它让你不必太多地逃避，这意味着（在我的头脑中）不小心弄糟并以不匹配的引号结束的机会更少。事实上，我有点赞成这种方法。它可以让你不去打扰太多的逃避，也就是说（在我的脑海中）更少的机会会意外地搞砸并以不匹配的引号结束。