jQuery 获取元素的属性和值

Question

假设我有这个 HTML 代码：

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

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

src=srcgoeshere
otherproperty=value

是否有一些我可以使用 jQuery 和/或纯 Javascript 以编程方式做到这一点吗？

Answer 1

您可以通过检查 attribute 属性来获取列表：

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

如果您只想获取所有属性的列表，请参阅此问题的答案：使用 Javascript/jQuery 从 HTML 元素获取所有属性

Answer 6

试试这个：

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