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

【问题标题】：How to get img alt and add in other line jQuery如何获取 img alt 并添加到其他行 jQuery
【发布时间】：2018-03-08 02:39:26
【问题描述】：

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

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

对不起，我的英语不好。

【问题讨论】：

你能更好地解释你想要达到的目标吗？

标签： jquery html image alt

【解决方案1】：

如果我没记错的话，你需要在悬停时使用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

【讨论】：

【解决方案2】：

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

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

【讨论】：

我的页面不能为空。所有图像都有alt。例如，对于图像 site.com/myimage.jpg alt 是“myimage.jpg”