Trouble setting data with $.data()

Question

I can't seem to get this to store. I now that the id and name are definitely valid as I alerted them out right before this code was called:

$('#carText').data("carId", carId);
$('#carText').data("carName", carName);

alert("value stored for carId: " + $("#carText").data("carId").carId);

I get undefined when I try to alert out the value that I supposedly stored.

alert("value stored for carId: " + $("#carText").data("carId")); should work — Kris Ivanov
– Kris Ivanov, Commented Nov 7, 2011 at 9:51

Kris Ivanov · Accepted Answer · 2011-11-07 09:52:11Z

2

don't need the .cardId at the end

alert("value stored for carId: " + $("#carText").data("carId"));

answered Nov 7, 2011 at 9:52

Kris Ivanov

10.6k2 gold badges26 silver badges36 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Rory McCrossan · Accepted Answer · 2011-11-07 09:51:38Z

0

You appear to be using incorrect syntax to retrieve the stored data. Try the following:

alert("value stored for carId: " + $("#carText").data("carId"));

answered Nov 7, 2011 at 9:51

Rory McCrossan

338k41 gold badges322 silver badges353 bronze badges

Comments

Richard Dalton · Accepted Answer · 2011-11-07 09:51:40Z

0

You've stored the data as carId, you don't need that .carId after retrieving it:

alert("value stored for carId: " + $("#carText").data("carId"));

answered Nov 7, 2011 at 9:51

Richard Dalton

35.8k6 gold badges75 silver badges92 bronze badges

Comments

Andrew Jackman · Accepted Answer · 2011-11-07 09:52:43Z

0

Your alert should look like this: alert("value stored for carId: " + $("#carText").data("carId"));

answered Nov 7, 2011 at 9:52

Andrew Jackman

14k8 gold badges38 silver badges44 bronze badges

Comments

Ilia Sachev · Accepted Answer · 2011-11-07 10:09:02Z

0

You don't need to use .carId at the end. It's right.

But some problems with data attribute may causes when you try to get properties which named in camelcase style

Try to rename you data properties to 'carid','carname' It should work

You code may looks like

HTML

<div id="carText" data-cardid="VAZ_1118" data-carname="Lada_Kalina">

Javascript

alert("value stored for carId: " + $("#carText").data("carid"));

answered Nov 7, 2011 at 10:09

Ilia Sachev

763 bronze badges

Comments

SirCommy · Accepted Answer · 2012-09-29 17:29:55Z

0

data() is based on key:value data, and since all you're storing is a simple value (a string) you don't need to specify .carId at the end. The "route" $(select).data("keyName") is sufficient.

answered Sep 29, 2012 at 17:29

SirCommy

2703 silver badges3 bronze badges

Collectives™ on Stack Overflow

Trouble setting data with $.data()

6 Answers 6

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related