[Okta Webinar] Learn how to a build a cloud-first strategyRegister Now

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 276
  • Last Modified:

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
0
tonelm54
Asked:
tonelm54
1 Solution
 
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

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Tackle projects and never again get stuck behind a technical roadblock.
Join Now