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

你应该使用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>

Answer 2

也许我看这很容易，但为什么不将HTML中的引号更改为双引号......

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

或者看看这个问题：

Escape Single and Double Quotes - JQuery or Javascript

如何在jquery中编码单引号/撇号？

2 个答案: