有没有办法使用 jquery 将 alt 文本添加到 img 标签？答案

【问题标题】：Is there a way to add alt text to an img tag using jquery?有没有办法使用 jquery 将 alt 文本添加到 img 标签？
【发布时间】：2019-07-01 11:58:48
【问题描述】：

通过一些 java 脚本在我的 wordpress 网站的隐藏部分放置了一个 img 标签。每次我在我的网站上运行扫描以查找可访问性错误时，都会在每个网站的每个页面上显示。我想知道是否有办法向它添加一个 alt 标签，说“这是空的”或其他任何东西，因为无论如何都无法到达或看到。

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

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

【问题讨论】：

标签： javascript jquery wordpress alt

【解决方案1】：

这就是你所需要的：

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

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

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

【讨论】：

这是我尝试过的，但我没有任何运气。会不会是因为是通过脚本添加的东西？
没有。这怎么行不通？你尝试了哪一个？你怎么检查它说它不起作用？等等
我将 sn-p 添加到我网站的 JS 代码部分，然后在清除浏览器数据后再次运行可访问性检查器，以确保网站正在提取最新信息，它是仍然没有显示标签。我尝试了两种选择都没有运气。不过，在这方面我并不是很有经验，所以任何其他建议或想法将不胜感激。
哪个“js代码段”？使用Minimal, Reproducible Example 更新您的问题。我提供的代码应该添加到文档就绪函数中。
可能某些 JS 正在创建那个空的 img 标签并将其附加到您的网站。因此，您的选择器在运行和更改 alt 标记时将不具有可用的特定 img 标记。

【解决方案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');

【讨论】：

【解决方案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>

【讨论】：