jquery 获取属性

Question

我正在寻找一种使用 jquery 获取元素的自定义属性的方法。

<span id='element' data-type='foo' data-sort='bar'></span>

我希望获取:["data-type", "data-sort"] 作为数组。

有人知道怎么做吗？

谢谢。

Answer 1

您可以使用.attributes DOM property并循环遍历，如下所示:

var arr = document.getElementById('element').attributes, attributes = [];
//or if you're inside a jQuery loop, just use this.attributes
//e.g.: var arr = $("span").get(0).attributes, attributes = [];
for(var i = 0; i < arr.length; i++) {
  if(arr[i].name.indexOf("data-") == 0) //only ones starting with data-
    attributes.push(arr[i].name);
}
alert(attributes); ​//use it for something, result is ["data-type", "data-sort"]

You can see a working demo here ，除了抓取元素之外，这根本不是 jQuery 特有的，因此如果需要，您可以轻松地将其完全删除。