How to get data key name from data attribute?

Question

I want to get key name from my html element?

Sample code :

 <td data-code="123">220</td>

Using jquery data method I am able to key value but I want to extract key name?

var keyValue=$("td").data("code"); //123


var keyName=?????

Answer 1

You can access all data keys and values this way:

$.each($("td").data(), function(key, value) {
  console.log(key + ": " + value); 
});

HERE is the example.

Answer 2

data-code would be the key for that.

If you want to get the keys for unknown key/value pairs you can use a for (var key in data) {} loop:

var all_values = [],
    data       = $('td').data();
for (var key in data) {
    all_values.push([key, data[key]]);
}
//you can now access the key/value pairs as an array of an array

//if $(td).data() returns: `{code : 123}` then this code would return: [ [code, 123] ]
//you could get the first key with: all_values[0][0] and its corresponding value: all_values[0][1]