Question

说我有这个HTML代码：

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

我可以通过它的id引用元素：$('#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'）。ATTR（ 'otherproperty'）

有关详情，请访问http://api.jquery.com/attr/

Answer 3

是的，你可以！

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

Answer 4

您可以使用attr：

例如。

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

Answer 5

如果您只想获取所有属性的列表，请参阅此问题的答案：Get all Attributes from a HTML element with Javascript/jQuery

Answer 6

试试这个：

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

jQuery获取元素的属性和值

6 个答案: