我正在寻找一种方法来使用
jquery来获取元素的自定义属性.
<span id='element' data-type='foo' data-sort='bar'></span>
我正在寻找：[“data-type”,“data-sort”]作为数组.
有谁知道该怎么做？
谢谢.
解决方法
您可以使用
.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具体的,所以你可以轻松地完全删除它,如果需要的话.