有没有办法使用jquery将alt文本添加到img标记中？

Question

有一个img标签通过一些java脚本被放置在我的wordpress站点的隐藏部分。每次我在我的网站上运行一次扫描，寻找可访问性错误，这会在每个网站的每个页面上拉出。我想知道是否有一种方法可以给它添加一个alt标签，上面写着"this is empty“或其他什么东西，因为无论如何都不可能到达或看到它。

我已经尝试过寻找其他替代方案，但到目前为止还没有任何运气，所以任何帮助都将不胜感激。好消息是它似乎附加了一个类名，所以希望这会有所帮助。

<div class="className">
     <img>
  <div>
  </div>
</div

Answer 1

这就是你所需要的：

$('img').attr('alt', 'Whatever you want');

或者根据示例中的类名需要它：

$('.className > img').attr('alt', 'Whatever you want');

Answer 2

是的，您总是可以使用jquery向图像添加属性，如下所示

$('img').attr('alt', 'This is very nice image');

如果您图像中有一个类，那么您可以使用

$('.class_name').attr('alt', 'This is very nice image');

如果您图像有一个ID，那么您可以使用

$('#id_name').attr('alt', 'This is very nice image');

Answer 3

使用此脚本，您可以为所有具有错误alt标签的图像设置默认alt标签(无alt标签、空字符串等)。

需要注意的重要一点是，alt标签是有原因的。使用面向文本的浏览器的人(像盲人)使用那些alt标签，所以他们至少知道有什么类型的图片。当无法加载图像时，某些浏览器也会使用它。因此，如果你想要一个默认的alt标签，请确保所有没有alt标签的图片(在你的jQuery选择中)总是隐藏的，否则它可能会很烦人。

​

$('img').filter(function() {
  return !this.alt;
}).attr('alt', 'this is empty');

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="className">
  <img src="https://dummyimage.com/50x50/000/fff.png&text=test">
  <img alt="" src="https://dummyimage.com/50x50/000/fff.png&text=test2">
  <img alt="has alt" src="https://dummyimage.com/50x50/000/fff.png&text=test3">
</div>

​