將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> 

但是這不起作用？

Answer 1

改變這一行

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

到

var obj = JSON.parse($(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>