How can I get data-value country using jQuery? I need this in variable:
var country = ...;
HTML:
<a id="obj-details" data-value="{city:'berlin', street: 'mozart', postal_code: '55555', country: 'DE'}">test</a>
7 Answers
To read data-value attribute use below jQuery :
$("#obj-details").data('value');
and to read country from the data-value use below jQuery :
var value = $("#obj-details").data('value');
var obj = eval('(' +value + ')');
var country = obj.country;
alert(country );
Comments
Use:
$("#obj-details").attr('data-value');
Comments
$('#obj-details').data('value');
Comments
If you looking the return data as a object, try like below.
var country = eval('(' + $("#obj-details").attr('data-value') + ')');
alert(country.city);
Comments
Try to use .data(key) to retrieve that value,
var obj = JSON.parse($("#obj-details").data('value')); //Entire object
var country = obj.country; //Country value
answered Jul 4, 2014 at 8:50
Rajaprabhu Aravindasamy
67.2k17 gold badges107 silver badges133 bronze badges
1 Comment
user3266909
alert(obj); works fine but alert(obj.country);not. It displays undefinedjquery.parseJSON(jquery("#obj-details").attr("data-value"));
Comments
Try object at data-* attribute utilizing double "" quotation marks.
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/
See also How can you parse NON wellformed JSON (maybe using jQuery)
Comments
jquery.data('value')$('#obj-details').data('value')