使用 jQuery 获取元素属性

Question

以下是我的 HTML

HTML：

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

我想提取一个元素的所有属性（及其对应的values）。 如何使用 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);

更新：

From jQuery Docs:

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

你能做到的意思：

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

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