使用 jQuery 获取元素属性

Question

以下是我的 HTML

HTML ：

<div Attr1 = "val1" Attr2 = "val2" Attr3 = "val3"  >
       Hello !!
</div>

我想提取一个的所有属性（及其相应的值）元素。 我怎样才能使用 jQuery 做到这一点？

我尝试了类似下面的方法，

$(function() {
   for(var i in $('div')[0].attributes) {
     console.log($('div')[0].attributes)[i] , $('div')[0].attributes)[i].value);
   }
});

还有其他可能的方法吗？

Answer 1

您正在寻找 getAttributes jQuery 插件。

简单且小（490 字节
缩小）插件来检索所有
元素的属性（如果
你必须使用你的标记
无法控制）。它返回
一个可以用作
.attr() 的参数

示例：

console.log($.getAttributes('div'), true);

更新：

来自 jQuery 文档：

每当你使用 jQuery 的each-method时，
您的回调的上下文设置为
一个 DOM 元素。也是如此
用于事件处理程序。

这意味着你可以这样做：

var attrs = $("div")[0].attributes;

for(var i = 0; i < attrs.length; i++) {
  alert(attrs[i].nodeName + " => " + attrs[i].nodeValue);
}