通過jquery訪問HTML標記的屬性

Question

我想訪問該數組的每個值。

例如，我怎麼能通過jquery得到「very_satisfied」的值。

<div id="analysis" data-valuations='[{"very_satisfied":7,"satisfied":5,"neutral":1,"sad":1,"angry":1}]'></div> 

我希望得到答案。

Answer 1

首先，您需要在屬性中擁有有效的JSON。就像這樣：

<div id="analysis" data-valuations='[{"very_satisfied":7},{"satisfied":5},{"neutral":1},{"sad":1},{"angry":1}]'></div> 

（只需要一個屬性和屬性值singlequotes雙引號） 然後：

var elem = $('#analysis'); //element 
var parsed = JSON.parse(elem.attr('data-valuations')); //parse attribute value 
var very_satisfied = parsed[0].very_satisfied; 

這裏是link to plunker你