javascript - 在 title 属性中将单引号转换为双引号

Question

我有一个图像标题，其中有一个带双引号的标签，我需要将其转换为单引号以便在照片幻灯片中使用。除了属性名称之外，我无法更改任何其他内容，因此我无法转义值中的引号。

这是我的 html:

<div  id="image-gallery">
<img alt="Alt Text" src="photo.jpg" title="Title <a href="#link">here</a>" />
</div>

我试过获取标题并使用 replace 将双引号更改为单引号，如下所示:

mystr=string = $("#image-gallery img").attr('title');
mystr=mystr.replace(/\"/g,'\'');

不过，在第一个双引号之后，标题仍然会消失。有什么想法吗？

谢谢!

Answer 1

当您生成图像时，您需要对值进行HTML 编码。我不知道您是手动输入 img 标记还是通过服务器端脚本生成它，但它应该看起来像这样:

<img alt="Alt Text" src="photo.jpg" 
     title="Title &lt;a href=&quot;#link&quot;&gt;here&lt;/a&gt;" />