gpt4 book ai didi

javascript - 在数据属性 JSON 对象中转义引号和 html

转载 作者:搜寻专家 更新时间:2023-10-31 22:32:11 24 4
gpt4 key购买 nike

使用 HTML5 data-属性,可以将 JSON 存储在 HTML 中,如下面的 HTML 所示。这适用于字符串键:值对,但我无法弄清楚如何使值包含特殊字符或 HTML。

出现问题的 JSON 对象部分是这样的:Can't vote on <b>own</b> review (也对像这样的更复杂的 HTML block 感兴趣:<span style="text-decoration:underline" own</span>。这是一个 JSFiddle for the code below.

JS:

$('button').on('click', function () {
var $this=$(this), data=$this.data('data');
$('#output').html(data.message);
});

HTML:

<button type='button' data-data='{"type": "voting", "message": "Can't vote on <span style="text-decoration:underline" own</span> review"}'></button>
<div id='output'></div>

最佳答案

您需要escape the HTML特别是在此示例中,& 和用于引用属性值的字符("'):

<button type='button' data-data='{"type": "voting", "message": "Can&#39;t vote on <b>own</b> review"}'></button>

或:

<button type='button' data-data='{"type": "voting", "message": "Can&#39;t vote on <span style=&#39;text-decoration:underline&#39;>own</span> review"}'></button>

关于javascript - 在数据属性 JSON 对象中转义引号和 html,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13705473/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com