如何使用 jQuery 获取“数据值”？答案

【问题标题】：How can I get `data-value` using jQuery?如何使用 jQuery 获取“数据值”？
【发布时间】：2014-07-04 08:49:42
【问题描述】：

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

var country = ...;

HTML：

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

【问题讨论】：

jquery.data('value')
$('#obj-details').data('value')
在这里找到详细解释：stackoverflow.com/questions/22753629/…
@user3266909，请检查我的回答。这为您提供了作为 DE 的国家/地区价值

标签： javascript jquery html

【解决方案1】：

要阅读data-value 属性，请使用以下 jQuery ：

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

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

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

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

Demo

【讨论】：

【解决方案2】：

用途：

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

【讨论】：

【解决方案3】：

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

【讨论】：

【解决方案4】：

如果您将返回数据视为一个对象，请尝试如下。

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

alert(country.city);

【讨论】：

【解决方案5】：

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

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

【讨论】：

alert(obj); 工作正常，但alert(obj.country);不行。它显示undefined

【解决方案6】：

jquery.parseJSON(jquery("#obj-details").attr("data-value"));

【讨论】：

【解决方案7】：

在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/

另见How can you parse NON wellformed JSON (maybe using jQuery)

【讨论】：