HTML5 custom attribute updated value

Question

How do i get the value of an html5 attribute using jQuery ?

<button data-direction="next" data-next="2"></button>

I want to be able to get the newest set value of data-next.

When i change the value dynamically using javascript and then try to get it using $('[data-direction="next"][data-next]').data('next'), it always returns the data as set when loading the page not after being updated - in this case 2.

Pierre · Accepted Answer · 2011-12-19 15:42:13Z

2

$('[data-direction="next"][data-next]').attr('data-next') should work..

answered Dec 19, 2011 at 15:42

Pierre

19.1k5 gold badges44 silver badges63 bronze badges

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

2 Comments

Anders Tornblad Over a year ago

+1 data-next is not a true html5 data notation, but simply an html attribute.

feeela Over a year ago

You access them like any other attribute – using attr(). You also can't access most HTML-values by their name.

gmajivu · Accepted Answer · 2011-12-19 16:00:30Z

0

I concur with @Pierre. Use the attr() method to retrieve the desired value.

A point to note, your selector could turn out to be slower. Check this article out.

answered Dec 19, 2011 at 16:00

gmajivu

1,3502 gold badges14 silver badges22 bronze badges

Collectives™ on Stack Overflow

HTML5 custom attribute updated value

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related