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

时间:2018-03-07 18:23:47

标签: jquery html image alt

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

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

抱歉我的英语不好。

2 个答案:

答案 0 :(得分: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);    
});

这将完成工作,altought,您可以直接获得相同的src

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

检查jsfiddle

答案 1 :(得分:0)

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

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