wie single quote/Apostroph in jquery codieren?

Question

Hier versuche ich zu codieren einzelnes Anführungszeichen/Apostroph, die ich an ein Bild als Alternative Text binden muss.
Ich versuche, es zu codieren, weil während ich Apostroph oder Apostroph in Zeichenfolge haben als wie dieses Bild Alternativtext
ist und ich es Bildtag von jquery selbst dann, nachdem sie die Bindung am Bindung zeigt Alt-Text als
alt = "dies ist Bild" s alternativer Text“
wo es ist wie
alt angezeigt werden muss = "dies ist alternativer Text des Bildes"
mein Code als unten.

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

Vielleicht an dieser Ich bin auf der Suche nach einfachen, aber warum nicht die Zitate in der HTML doppelte Anführungszeichen ändern ...

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); 

Oder entkommen das Zitat

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); 

Oder sehen Sie sich diese Frage an:

Escape Single and Double Quotes - JQuery or Javascript

Answer 2

Sie sollten die jQuery-Methode jQuery(html, attributes) verwenden, um ein Element zu erstellen, das Sie vor Anführungszeichen schützt.

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>