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