使用 .val() 时需要帮助将“转换为”[重复]

Question

我正在使用 jquery 来获取隐藏输入的值。隐藏的输入包含一个带有 JSON 对象的 data-trix-attachment 属性。问题是 jquery 用 " 替换了引号。我不知道为什么。

我四处寻找解决方案，但似乎找不到。

我尝试使用正则表达式将 " 替换为 ' 但这也不起作用。 （下面是一个例子）

谁能帮我解决这个问题。下面是我尝试使用的代码。

    var new1 = $("#trix-input-1").attr("value");
   var e_encoded = new1.replace(/"/g, """); 

HTML 代码

<a contenteditable="false" href="http://localhost/gu/attachments/2015-11-161447695275991-Screen Shot 2015-11-16 at 11.36.45 AM.png" data-trix-attachment="{"contentType":"image/png","filename":"Screen Shot 2015-11-16 at 11.36.45 AM.png","filesize":9291,"height":77,"href":"http://localhost/gu/attachments/2015-11-161447695275991-Screen Shot 2015-11-16 at 11.36.45 AM.png","url":"http://localhost/gu/attachments/2015-11-161447695275991-Screen Shot 2015-11-16 at 11.36.45 AM.png","width":305}" data-trix-content-type="image/png" data-trix-id="38">

jQuery 响应

<a data-trix-content-type=&quot;image/png&quot; data-trix-attachment=&quot;{&quot;contentType&quot;:&quot;image/png&quot;,&quot;filename&quot;:&quot;Screen Shot 2015-11-16 at 11.36.45 AM.png&quot;,&quot;filesize&quot;:9291,&quot;height&quot;:77,&quot;href&quot;:&quot;http://localhost/gu/attachments/2015-11-161447695275991-Screen Shot 2015-11-16 at 11.36.45 AM.png&quot;,&quot;url&quot;:&quot;http://localhost/gu/attachments/2015-11-161447695275991-Screen Shot 2015-11-16 at 11.36.45 AM.png&quot;,&quot;width&quot;:305}&quot; href=&quot;http://localhost/gu/attachments/2015-11-161447695275991-Screen Shot 2015-11-16 at 11.36.45 AM.png&quot;><figure class=&quot;attachment attachment-preview png&quot;><img src=&quot;http://localhost/gu/attachments/2015-11-161447695275991-Screen Shot 2015-11-16 at 11.36.45 AM.png&quot; height=&quot;77&quot; width=&quot;305&quot;><figcaption class=&quot;caption&quot;>Screen Shot 2015-11-16 at 11.36.45 AM.png <span class=&quot;size&quot;>9.07 KB</span></figcaption></figure></a>

jQuery 代码

   var new1 = $("#trix-input-1").val();

Answer 1

replace 的语法错误，它是 replace(oldStr, newStr)，而不是相反。见这里：https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String/replace

所以：

var e_encoded = new1.replace(/"/g, """); 

应该是：

var e_encoded = new1.replace(/"/g, "'"); 

你的例子很好用：

console.log('<a data-trix-content-type="image/png" data-trix-attachment="{"contentType":"image/png","filename":"Screen Shot 2015-11-16 at 11.36.45 AM.png","filesize":9291,"height":77,"href":"http://localhost/gu/attachments/2015-11-161447695275991-Screen Shot 2015-11-16 at 11.36.45 AM.png","url":"http://localhost/gu/attachments/2015-11-161447695275991-Screen Shot 2015-11-16 at 11.36.45 AM.png","width":305}" href="http://localhost/gu/attachments/2015-11-161447695275991-Screen Shot 2015-11-16 at 11.36.45 AM.png"><figure class="attachment attachment-preview png"><img src="http://localhost/gu/attachments/2015-11-161447695275991-Screen Shot 2015-11-16 at 11.36.45 AM.png" height="77" width="305"><figcaption class="caption">Screen Shot 2015-11-16 at 11.36.45 AM.png <span class="size">9.07 KB</span></figcaption></figure></a>'.replace(/"/g, "'"))

---

用 document.write 代替控制台输出：

document.write('<a data-trix-content-type="image/png" data-trix-attachment="{"contentType":"image/png","filename":"Screen Shot 2015-11-16 at 11.36.45 AM.png","filesize":9291,"height":77,"href":"http://localhost/gu/attachments/2015-11-161447695275991-Screen Shot 2015-11-16 at 11.36.45 AM.png","url":"http://localhost/gu/attachments/2015-11-161447695275991-Screen Shot 2015-11-16 at 11.36.45 AM.png","width":305}" href="http://localhost/gu/attachments/2015-11-161447695275991-Screen Shot 2015-11-16 at 11.36.45 AM.png"><figure class="attachment attachment-preview png"><img src="http://localhost/gu/attachments/2015-11-161447695275991-Screen Shot 2015-11-16 at 11.36.45 AM.png" height="77" width="305"><figcaption class="caption">Screen Shot 2015-11-16 at 11.36.45 AM.png <span class="size">9.07 KB</span></figcaption></figure></a>'.replace(/"/g, "'"))