jQuery获取元素的属性和值

Question

说我有这个HTML代码:

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

我可以通过它的id引用元素:$('#idgoeshere'))现在,我想获得该元素上的所有属性及其值:

src=srcgoeshere
otherproperty=value

有没有办法我可以使用jQuery和/或纯Javascript以编程方式执行此操作？

Answer 1

您可以通过检查attributes属性来获取列表:

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
});