遍历链接中的所有图像，从图像路径中提取图像名称，并使用jQuery将其转换为字符串

Question

​

 $("a > img").each(function () {
    if ($(this).attr("alt") == undefined || $(this).attr("alt") == "") {
      var name = $(this).attr('src');
      name.replace(/(\/+\.+\-+)w+?/, "");
      $(this).attr('alt', name);
    }
  });

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

​

我试图得到一个链接内的所有图像，没有ALT标签。然后以字符串形式获取图像名称，并将其作为ALT标记添加到图像中。除了正则表达式之外，其他一切都可以正常工作。现在，它将图像路径添加为ALT，这并不能解决我的ADA问题。我这么做的原因是因为我正在尝试修复网站上的ADA问题。(链接内的每个图像都必须有一个alt标记)

Answer 1

您需要再次将更新后的值赋给name变量，然后更新图像alt属性，如下所示：

name = name.replace(/(\/+\.+\-+)w+?/, "");
$(this).attr('alt', name);

Answer 2

//如果链接有图像但没有aria标签//获取图像源，则剥离除图像名称以外的所有内容//将图像名称作为aria-label添加到链接

​

    $('a:has(> img)').each(function () {
        var URL = $(this).children('img').prop('src');
        var output = URL.split('/').pop();
        output = output.replace(/[- .\s]/g, " ");
        $(this).attr('aria-label', output);
    });