あなたの HTML はそもそも無効です。\"
次に、またはで引用符をエスケープできます\'
。
あなたはこれを行うことができます :
var html = '<p><a href="javascript:sound(2)">'
+ '<img class="swapImageClick {src: \'soundoff.png\'}" src="soundon.png">'
+ '</a></p>';
$('#div2').html (html);
しかし、あなたのclass
属性が変なので、何かが足りないかもしれません。これで何をしようとしているの{src
ですか?これが単なる事故だと仮定すると、多分あなたは望むでしょう
var html = '<p><a href="javascript:sound(2)">'
+ '<img class="swapImageClick" data-swap-image-click-src="soundoff.png" src="soundon.png">'
+ '</a></p>';
$('#div2').html (html);
引用符をエスケープしてジャングルを始めたらすぐに、別の解決策を探し始める方が賢明かもしれません。例えば :
var img = $('<img>', {
class: 'swapImageClick',
'data-swap-image-click-src': 'soundoff.png',
src: 'soundon.png'
});
$('#div2').append(
$('<p>').append(
$('<a>').append(img)
)
);