html属性をjavascriptオブジェクトに変換する

Question

$("div").click(function() {     
    var obj = { flammable: 'inflammable', duh: 'no duh' }; 
    $.each(obj, function (key, value) { 
     alert(key + ": " + value); 
    }); 
}); 

これは問題なく動作し、キー/値を警告します。

$("div").click(function() {     
    var obj = $(this).attr("obj"); 
    $.each(obj, function (key, value) { 
     alert(key + ": " + value); 
    }); 
}); 

<div obj="{ flammable: 'inflammable', duh: 'no duh' }">click</div> 

これは機能しませんか？

var obj = JSON.parse($(this).attr("obj")); 

へ

Answer 1

変更この行を

var obj = $(this).attr("obj"); 

また、あなたはそれ

<div obj="{ \"flammable\": \"inflammable\", \"duh\": \"no duh\" }">click</div> 

行い、オブジェクトの内部でエスケープされた二重引用符ではなく単一引用符を使用する場合がありますか

<div obj= '{"name":"John Johnson","street":"Oslo West 16","phone":"555 1234567"}' >click</div>