élément Get attributs à l'aide jQuery

Question

suivant est mon HTML

HTML:

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

Je veux extraire tous les attributs (& son correspondant values) d'un élément. Comment puis-je faire cela en utilisant jQuery?

J'ai essayé quelque chose comme ci-dessous,

$(function() { 
    for(var i in $('div')[0].attributes) { 
    console.log($('div')[0].attributes)[i] , $('div')[0].attributes)[i].value); 
    } 
}); 

Existe-t-il des moyens plus possibles pour ce faire?

Answer 1

Vous recherchez getAttributes Plugin jQuery.

Un simple et de petite taille (490 octets minified) plug-in pour récupérer tous les attributs d'un élément (utile si vous devez travailler avec des balises que vous ne contrôlaient pas). Elle retourne un objet qui peut être utilisé comme argument à .attr()

Exemple:

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

Update:

From jQuery Docs:

Chaque fois que vous utilisez la méthode each de jQuery, , le contexte de votre rappel est défini sur un élément DOM. C'est également le cas pour les gestionnaires d'événements.

qui signifie que vous pouvez faire:

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

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