Get html5 data tag

Im trying to get data out of a html5 div:-

<div data-transactionID='22' class='clsTransactionRow'></div>
<div data-transactionID='23' class='clsTransactionRow'></div>
<div data-transactionID='24' class='clsTransactionRow'></div>
<div data-transactionID='25' class='clsTransactionRow'></div>

Open in new window


I need to be able to get the 'transactionID', so using jQuery I thought I could just add:-
$(".clsTransactionRow").click(function () { alert(jQuery.data($(this), 'data-transactionID')); });

Open in new window


However, all I get is 'undefined' as my messagebox.

What am I doing wrong?

Thank you
tonelm54Asked:
Who is Participating?
 
leakim971PluritechnicianCommented:
replace : transactionID
by : transactionid

and use : $(this).data('transactionid')

test page : http://jsfiddle.net/VBT3w/

more info : http://xenforo.com/community/threads/html-5-data-attributes-and-case-sensitivity.15609/
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.