Basic jQuery .data() call returns undefined

Question

Here is the following HTML:

<div style="visibility: hidden;">
 <span id="myId" data-recipientId="2"></span>
</div>

Here is the jQuery:

var recipientId = $("#myId").data("recipientId");

I noticed that recipientId is always undefined...

also similar: http://stackoverflow.com/questions/10992984/jquery-data-returns-undefined-attr-returns-integer — trante, Feb 05 '14 at 15:53

score 7 · Accepted Answer · answered Mar 19 '13 at 18:08

7

data attributes are lowercase.

$("#myId").data("recipientid")

It would be more correct to use this:

<div style="visibility: hidden;">
 <span id="myId" data-recipient-id="2"></span>
</div>

and

$("#myId").data("recipientId")

answered Mar 19 '13 at 18:08

Kevin B

Thanks Kevin. I was not aware of this. I'll mark your answer as accepted. – balteo Mar 19 '13 at 18:14

1 Answers1