如何获取 img alt 并添加到其他行 jQuery

Question

页面上有很多随机的图片alt=""
如何在鼠标悬停时获取当前图像的 alt 并在此处添加此 alt：

var img = jQuery('.bbc_img[alt="NEED_ADD_HERE"]').attr('src');

抱歉我的英语不好。

Answer 1

您可能正在寻找的是 title 属性。默认行为（对于 HTML title 属性）将在悬停在 HTML 元素上时显示。

有效 HTML 需要图像的 alt 属性（并且可以是空字符串）。它的目的是允许屏幕 readers 向盲人用户描述图像的含义。如果图像是视觉装饰的一部分（没有任何内容），它可以是空的（在这种情况下屏幕 reader 会忽略它。

Answer 2

如果我没记错的话，悬停时需要alt属性，这样才能获取源图，对吧？

$('img').on('mouseenter', function(e) {
    var alt = e.target.alt;
    $('#alt_hover').text(alt);


  var img = jQuery('.bbc_img[alt="'+alt+'"]').attr('src');
    $('#var_img').text(img);    
});

这样就可以了，虽然你可以直接获得相同的src：

$('img').on('mouseenter', function(e) {
    var img = e.target.src;
    $('#var_img').text(img);    
});

勾选jsfiddle

如何获取 img alt 并添加到其他行 jQuery

How to get img alt and add in other line jQuery

html

jquery

image

alt