通过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你