Как получить все атрибуты 1 елемета?

Question

[Mike Khromov]

Собственно, я хочу получить все атрибуты например тега IMG. Таких картинок на странице может быть неопределенное множество.
<img src="path" alt="sometext" title="sometext">Попытки сделать это через
$('img').attr()
или через
$('img').attributes
Ни к чему не привели. Как это можно сделать?

Answer 1

[Mike Khromov]

Решено!

var img = $('img'),
    attr = img[0].attributes;
console.log(attr);

Comments

[Rrooom]

Ну а jquery вам зачем?
document.images[0].attributes

[Mike Khromov]

@Rrooom ну вместо $('img') должен быть класс т.е. $('.img-class')

Answer 2

[Alexander Devid]

<img src="path" alt="sometext" title="sometext" id="someId">

var el = document.getElementById("someId");
var foo = {};
for (var att, i = 0, atts = el.attributes, n = atts.length; i < n; i++){
    att = atts[i];
    foo[att.nodeName] = att.nodeValue
}
console.log(foo);

jsfiddle.net/5u3Lghm9

Comments

[Mike Khromov]

я бы использовал бы id но у меня на странице может быть несколько таких картинок

Answer 3

[Александр Логинов-Солоницын]

<img src="path" alt="sometext" title="sometext">

$("img").each(function() {
    $.each(this.attributes,function(i,attr){
        console.log(attr.name, attr.value);
     });
});