javascript - jQuery $().html エスケープ &-sign

Question

var alt = json_data['alt']; // some text
var url = json_data['url']; // some url

var img_url = '<img src=\'/' + url + '?h=100&w=100\' alt=\'' + alt + '\'>';
$('#imagepreview').html(img_url); // translates to <img src="/some_url?h=100&amp;w=100" alt="some_text">

なぜこれが起こり、どうすればこれを防ぐことができますか?

Answer 1

&& ではなく、実際には有効な URL です。

Answer 2

個人的にはそれが起こるとは思いませんが、それでも次のようにする必要があります。

var img = $('<img />', {
    src: '/' + url + '?h=100&w=100',
    alt: alt
}).appendTo('#imagepreview');

altこれにより、属性などのエスケープが適切に行われるようになります。

Answer 3

& の代わりに \u0026 を使用する必要があります