如何在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

这与HTML5无关，你对字符串序列有点失落，可能这就是你所需要的：

var targetDiv = '<a href="javascript:void(0);"  data-action="' + JSON.stringify(action) + '"></a>';

Answer 2

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

  

使用JQuery这更好：

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