入力は入力タグを正しく表示しません。引用符をエスケープするために多くのバリエーションを試しましたが、同じ結果が得られました! 新しく先頭に追加された入力の 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>
これがフィドルです