如何使用jQuery获取`data-value`？

Question

如何使用jQuery获取data-value国家/地区？ 我需要变量：

var country = ...;

HTML：

<a id="obj-details" data-value="{city:'berlin', street: 'mozart', postal_code: '55555', country: 'DE'}">test</a>

Answer 1

采用：

$("#obj-details").attr('data-value');

Answer 2

要在jQuery下面读取data-value属性：

$("#obj-details").data('value');

并从jQuery下面的data-value使用中读取country ：

 var value = $("#obj-details").data('value');
 var obj = eval('(' +value + ')');

 var country = obj.country;
 alert(country );

演示

Answer 3

如果您将返回数据视为对象，请尝试以下操作。

var country = eval('(' + $("#obj-details").attr('data-value') + ')');

alert(country.city);

Answer 4

尝试使用.data(key)来检索该值，

var obj = JSON.parse($("#obj-details").data('value')); //Entire object
var country = obj.country; //Country value

Answer 5

$('#obj-details').data('value');

Answer 6

jquery.parseJSON（jquery的（ “＃OBJ-方式”）ATTR（ “数据值”）。）;

Answer 7

使用double ""引号在data-*属性上尝试object 。

HTML

<a id="obj-details" 
   data-value='{"city":"berlin"
                , "street": "mozart"
                , "postal_code": "55555"
                , "country": "DE"
               }'>test</a>

JS

var obj = JSON.parse($("#obj-details")[0].dataset.value);
var country = obj.country;
$("#obj-details").text(country);

jsfiddle http://jsfiddle.net/guest271314/6LcfS/

另请参见如何解析非正规JSON（可能使用jQuery）