javascript - 如何在 HTML5 数据属性中添加单引号和双引号字符串

Question

我需要附加类似这样的字符串 {"Key": "Value"} 是从 API 响应中获取的，需要添加到 HTML 数据属性中。

问题: HTML 解析器将单引号字符串更改为双引号，并忽略字符串的其余部分。在 HTML 属性颜色中显示字符串的其余部分。

var baseDiv = $('#base');
var action = '{"key1": "Let's give a value to it "}';
var targetDiv = "<a href="javascript:void(0);"  data-action=\'' + JSON.stringify(action) + '\'></a>"
baseDiv.append(targetDiv);

Answer 1

var baseDiv = $('#base'); 
var action = '{"key1": "Let\'s give a value to it "}'; 
var targetDiv = '<a href="javascript:void(0);" data-action="' + JSON.stringify(action) + '"></a>' 
baseDiv.append(targetDiv);

And with JQuery this is better:

var baseDiv = $('#base'); 
var action = '{"key1": "Let\'s give a value to it "}'; 
var targetDiv = $('<a href="javascript:void(0);">asdasd</a>');
targetDiv.attr('data-action', action);
baseDiv.append(targetDiv);