jQuery: существует ли общий способ получения карты атрибутов элементов?

Question

мне было интересно, если есть способ, чтобы получить HashMap атрибутов с JQuery, что-то выглядит следующим образом:

HTML:

<img id="site-logo" src="logo.jgp" alt="The Logo" class="ui-logo"> 

JAVASCRIPT:

// Something along these lines 
$('#site-logo').getAttr(); 

РЕЗУЛЬТАТ:

{ 
    id: 'site-logo', 
    src: 'logo.jpg', 
    alt: 'The Logo', 
    class: 'ui-logo' 
} 

Меня не интересуют никакие плагины, просто wo Если jQuery ребята думают об этом, я искал в google и пробовал метод .attr() без каких-либо параметров, но он выдает ошибку.

Answer 1

jQuery не имеет одного, но DOM эффективно делает: attributes, что является NamedNodeMap. Trivial принять это и создать JS объект:

var attrs = {}; 
$.each($("selector")[0].attributes, function(index, node) { 
    attrs[node.nodeName] = node.nodeValue; 
}); 

Live example | Source

Так что, если это то, что вы хотите регулярно, вы можете сделать себе плагин:

// Attributes map plugin 
(function($) { 
    /** 
    * attrMap builds a map of the attributes of the first matched 
    * element in the set. 
    * 
    * @returns the object, or undefined if there are no elements in 
    *   the set 
    */ 
    $.fn.attrMap = attrMap; 
    function attrMap() { 
    var attrs; 
    if (this[0]) { 
     attrs = {}; 
     $.each(this[0].attributes, function(index, node) { 
      attrs[node.nodeName] = node.nodeValue; 
     }); 
    } 
    return attrs; 
    } 
})(jQuery); 

Использование:

var attrs = $("selector").attrMap(); 

Live example | Source

Answer 2

Нет, нет встроенного встроенного решения jQuery для создания хэш-карты из атрибутов узла.

Вы можете легко создать маленький метод, который будет делать эту работу, как упоминалось @TJCrowder, используйте .attributes значение, например:

var hashMap = { }; 

Array.prototype.forEach.call(document.getElementById('site-logo').attributes, function(elem) { 
    hashMap[ elem.nodeName ] = elem.nodeValue; 
}); 

console.dir(hashMap); 

^{Приведенный выше код требует браузер с поддержкой ES5 или подкладку Javascript ES5}