Retrieve all data-* attributes from an element

Question

Possible Duplicate:
Get list of data-* attributes using javascript / jQuery

How would you go about retrieving all the data attributes from an element, and throw them into an array?

For example, if I have a list element:

<li id="the_example" class="haz_data" data-foo="omega" data-bar="zeta" data-derp="psi">Hello, world!</li>

I'd love to be able to grab all those data attributes and end up with an array or object like this (or something similar):

[{foo:omega},{bar:zeta},{derp:psi}]

A solution where you don't know the data attribute names would be preferred.

Are you using jQuery? the .data() method will yield an object of all data attributes or a single one by key. — tbeseda, May 06 '11 at 17:50
@Ian and I thought my searching was good. Dammit, good find. — hookedonwinter, May 06 '11 at 17:54
As pointed by @Ian Pugsley, your solution can be found [here](http://jsfiddle.net/yijiang/WVfSg/), on the thread http://stackoverflow.com/questions/4187032/get-list-of-data-attributes-using-javascript-jquery. — Erick Petrucelli, May 06 '11 at 17:55

score 0 · Answer 1 · answered May 06 '11 at 17:51

Make a nice Javascript attay and then use jquery to convert the array

or

1 Answers1