jqueryで一重引用符/アポストロフィをエンコードする方法は？

Question

ここでは、画像にバインドする必要がある一重引用符/アポストロフィをエンコードしようとしています。代替テキストです。
これは画像の代替テキスト
ある など、私は文字列にアポストロフィまたは単一引用符を持っていると私はjqueryの自体から画像タグにバインドしていながら、その後、結合した後、それは
としてaltテキストを示しているので、私はそれをエンコードしようとしています ALTは=の代替テキスト「これはイメージです」」それは
ALTのように表示する必要があります
= 『これは画像の代替テキスト』
私のコードは以下の通りです。

var alternateText = "this is image's alternate text"; 
 
var URL = "Image url" 
 
var r = "<div><a class='popup'><img src='" + URL + "' class='img-responsive 'alt='" + alternateText + "></a></div>"; 
 
$("div#div1").html(r);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="div1"></div>

Answer 1

var alternateText ="this is image's alternate text"; 
var URL ="Image url" 
var r= '<img src="' + URL + '" class="img-responsive" alt="' + alternateText + '">'; 
$("div#div1").html(r); 

または引用

var alternateText = 'this is image\'s alternate text'; 
var URL ="Image url" 
var r="<img src='" + URL + "' class='img-responsive ' alt='" + alternateText + ">" ; 
$("div#div1").html(r); 

を脱出...たぶん私は簡単にこれを探していますが、なぜ二重引用符にHTMLで引用符を変更しません

この質問を見る：

Escape Single and Double Quotes - JQuery or Javascript

Answer 2

jQueryメソッドjQuery(html, attributes)を使用して要素を作成すると、引用符の混乱を避けることができます。

var alternateText = "this is image's alternate text "; 
 
var URL = "Image url" 
 

 
var img = $('<img>', { 
 
    "src": URL, 
 
    "alt": alternateText, 
 
    "class": "img-responsive" 
 
}); 
 
$("#div1").html(img);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="div1"></div>