Получить атрибуты элемента, используя 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 Plugin.

Простой и маленький (490 байт минимизирован) плагин для извлечения всех атрибуты элемента (полезно, если Вы должны работать с разметкой, которую вы не иметь контроля над). Возвращается объект, который может быть использован в качестве аргумент .attr ()

Пример:

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

Обновление:

Из документации JQuery:

Каждый раз, когда вы используете jQuery для каждого метода, контекст вашего обратного вызова установлен на элемент DOM. Это также случай для обработчиков событий.

Значение, которое вы можете сделать:

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

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