JavaScript/jQuery: Как получить массив всех атрибутов в элементе XML?

Question

Учитывая элемент XML в JQuery следующим образом:

$('<foo oy="vey" foo="bar" here="is" another="attribute" />') 

Могу ли я использовать как JQuery или обычный старый JavaScript, чтобы получить массив, содержащий имена всех атрибутов в элементе XML? Я ожидал бы этого:

['oy','foo','here','another'] 

Answer 1

jQuery function самом деле не предназначена для разбора XML, он может разобрать HTML, но это не совсем то же самое.

Что об использовании XML-парсер браузера:

function parseXML(text) { 
    var parser, xmlDoc; 

    if (window.DOMParser) { 
    parser = new DOMParser(); 
    xmlDoc = parser.parseFromString(text,"text/xml"); 
    } else { // IE 
    xmlDoc= new ActiveXObject("Microsoft.XMLDOM"); 
    xmlDoc.async = "false"; 
    xmlDoc.loadXML(text); 
    } 
    return xmlDoc; 
} 

// Demo 
var doc = parseXML('<foo oy="vey" foo="bar" here="is" another="attribute" />'); 
var foo = doc.childNodes[0]; 
for (var i = 0; i < foo.attributes.length; i++) { 
    var attr = foo.attributes[i]; 
    alert(attr.name + " = " + attr.value); 
} 

Выполнить код выше here.

Answer 2

This plugin поможет вам в этом.

Вы также можете сделать это с помощью простой старый JavaScript с помощью что-то вроде этого:

var elt = document.getElementsByTagName('id'); 
for (i=0;i<elt.attributes.length;i++){ 
    //elt.attributes[i].nodeName is what you want, .nodeValue for its value. 
}