如何从数据属性中获取数据密钥名称?

时间:2011-12-10 20:00:33

标签: jquery

我想从我的html元素中获取关键名称?

示例代码:

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

使用jquery数据方法我可以键值,但我想提取键名?

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


var keyName=?????

3 个答案:

答案 0 :(得分:7)

您可以通过以下方式访问所有数据键和值:

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

HERE 就是一个例子。

答案 1 :(得分:3)

数据代码将是关键。

如果您想获取未知键/值对的键,可以使用for (var key in data) {}循环:

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]

答案 2 :(得分:0)

我通过id获取了元素,然后像这样在属性映射中找到了

HTML元素

<a class="content-link" id="main" data-content="main" href="#"></a>

JavaScript

$("#main")[0].attributes["data-content"].value;