0

输入没有正确显示输入标签，我尝试了很多变体来转义引号，但我得到了相同的结果！新添加的输入中的 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>');

输出显示<img src=在输入标记中，然后显示在输入标记">之后。我怎样才能让最终输出看起来像这样（所以我可以从输入中复制它）：

<span class="img-code"><input type="text" value="<img src="students/24535.jpg" />"></span>

这是小提琴

4

2 回答 2

2

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

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);
于 2013-05-29T15:58:57.540 回答
1

替换这个：

value="'+imgCode+'"

对此：

value=\''+imgCode+'\'

这是jsFiddle。

于 2013-05-29T15:58:21.017 回答