如何使用jQuery获取Div的特定属性（如accessKey）

先修正你当前代码的问题 #

你写的img.attr('height', img.height())是设置height属性，不是获取——这个方法的第二个参数是用来赋值的，所以控制台输出的是jQuery对象，不是具体属性值。如果要获取属性，只传第一个参数即可。

获取accessKey这类属性的方法 #

不管是标准DOM属性（如accessKey、src、id）还是自定义属性，都可以用下面两种方式：

• jQuery的attr()方法：直接传入属性名（注意HTML属性是小写，比如accesskey），就能获取对应值：

  var accessKey = $(this).attr('accesskey');
  

• 直接访问原生DOM元素属性：把jQuery对象转成原生DOM元素（用[0]或get(0)），然后直接访问驼峰式的属性名：

  var accessKey = $(this)[0].accessKey;
  

修正后的完整代码示例 #

$(document).ready(function() {
  var imgs = $('.gallery__item');
  imgs.each(function(){
    var img = $(this);
    
    // 获取accessKey属性
    var accessKey = img.attr('accesskey');
    console.log('accessKey:', accessKey);
    
    // 正确获取高度的两种方式
    var htmlHeight = img.attr('height'); // 获取HTML标签上写的height属性
    var computedHeight = img.height(); // 获取元素实际渲染的高度
    console.log('HTML标签height:', htmlHeight);
    console.log('实际渲染高度:', computedHeight);
  });
});

补充：自定义属性的获取 #

如果是自定义属性（比如<img data-author="xxx">），可以用data()方法更方便（会自动解析数据类型）：

var author = img.data('author');

或者用attr()直接获取字符串值：

var author = img.attr('data-author');

内容的提问来源于stack exchange，提问作者Robert Carmichael