JQuery получить атрибуты и значения элемента

Question

Скажем, у меня есть этот HTML-код:

    <img id="idgoeshere" src="srcgoeshere" otherproperty="value" />

Я могу ссылаться на элемент по его идентификатору: $('#idgoeshere')) Теперь я хочу получить все свойства и их значения для этого элемента:

src=srcgoeshere
otherproperty=value

Есть ли какой-нибудь способ, которым я могу сделать это программно, используя jQuery и / или обычный Javascript?

Answer 1

Вы можете получить список, проверив свойство атрибутов:

var attributes = document.getElementById('idgoeshere').attributes;
// OR
var attributes = $('#idgoeshere')[0].attributes;
alert(attributes[0].name);
alert(attributes[0].value);

$(attributes).each(function()
{
    // Loop over each attribute
});

Answer 2

Синтаксис

$ ( 'idgoeshere'). Атр ( 'otherproperty')

Для получения дополнительной информации - http://api.jquery.com/attr/

Answer 3

Попробуйте это:

var element = $("#idgoeshere");
$(element[0].attributes).each(function() {
console.log(this.nodeName+':'+this.nodeValue);});

Answer 4

Если вы хотите просто получить список всех атрибутов, посмотрите ответы на этот вопрос: Получите все атрибуты из элемента HTML с помощью Javascript / jQuery

Answer 5

Вы можете использовать attr для этого:

Например,

var mySrc = $('#idgoeshere').attr("src");
var otherProp = $('#idgoeshere').attr("otherproperty");

Answer 6

Да, вы можете!

Jquery:

var src = $('#idgoeshere').attr('src');
var otherproperty = $('#idgoeshere').attr('otherproperty');

Javascript:

var src = document.getElementById('idgoeshere').getAttribute('src');
var otherproperty = document.getElementById('idgoeshere').getAttribute('otherproperty');