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); }

使用jQuery获取元素属性

1 个答案: