Javascript 数据属性上的Json

Javascript 数据属性上的Json,javascript,html,json,custom-data-attribute,Javascript,Html,Json,Custom Data Attribute,大家好,我在数据属性中有一个json,我必须获取其中的数据,我可以获取数据属性中的字符串,但我无法访问对象 这是我的代码: HTML 问题在于,数据属性中的JSON没有正确使用 字符串化版本应该类似于{“Show”:“Show”,“Hide”:“Hide”},键和字符串值在双引号内 对于工作版本,请尝试以下示例: $(文档).ready(函数(){ $(“数据密码”)。单击(函数(e){ var lJson=$(this.attr(“数据密码”); log(lJson); lJson2=JSO

大家好,我在数据属性中有一个json,我必须获取其中的数据,我可以获取数据属性中的字符串,但我无法访问对象

这是我的代码:

HTML


问题在于,数据属性中的JSON没有正确使用

字符串化版本应该类似于
{“Show”:“Show”,“Hide”:“Hide”}
,键和字符串值在双引号内

对于工作版本,请尝试以下示例:

$(文档).ready(函数(){
$(“数据密码”)。单击(函数(e){
var lJson=$(this.attr(“数据密码”);
log(lJson);
lJson2=JSON.parse(lJson);
log(lJson2.Hide);
});
});


Show
问题在于数据属性中的JSON不正确

字符串化版本应该类似于
{“Show”:“Show”,“Hide”:“Hide”}
,键和字符串值在双引号内

对于工作版本,请尝试以下示例:

$(文档).ready(函数(){
$(“数据密码”)。单击(函数(e){
var lJson=$(this.attr(“数据密码”);
log(lJson);
lJson2=JSON.parse(lJson);
log(lJson2.Hide);
});
});


Show
这是无效的JSON-您需要在值和键周围使用双引号。这是无效的JSON-您需要在值和键周围使用双引号。
<a data-password="{Show:'Show', Hide:'Hide'}">Show</a>
$(document).ready(function() {

    $("a[data-password]").click(function(e) {
        var lJson = $(this).attr("data-password");

        console.log(lJson);

        lJson2 = JSON.parse(lJson);

        console.log(lJson2.Hide);
    });

});